Tengo una matriz con fechas:

 const xAxis = ['2021-08-25', '2021-08-26', '2021-08-27', '2021-08-30', '2021-08-31', '2021-09-01', '2021-09-03', '2021-09-09', '2021-09-13', '2021-09-14', '2021-09-16', '2021-09-17', '2021-09-20']

y una matriz con valores:

 const yAxis = ['3.84', '4.0', '4.1499', '4.09', '4.06', '4.1', '4.3005', '4.2005', '4.21', '4.27', '4.3', '4.48', '4.99']

Usando la trama de reacción, creo una trama para series de tiempo de esta manera:

 <Plot data={ [ { x: xAxis, y: yAxis, type: 'scatter' } ] } />

Esto funciona bien. Sin embargo, este trabajo requiere mostrar datos futuros, con valores p10, p50 y p90. Así que básicamente tengo estas matrices:

 const xAxisFuture = ['2021-09-21', '2021-09-22'] const yAxisFuture = [{p10: '0.6322762379091629',p50: '2.5178282417765896',p90: '4.7700592122022965'} , {p10: '-0.16957865034016284',p50: '2.129786331707238',p90: '3.7849330887135606'}]

En primer lugar, no sé qué tipo de trama se está pintando para los datos futuros. Por favor revise la imagen adjunta.

Primero hay una línea que va de "2021-08-25" a "2021-09-20". Después de eso, hay una especie de forma azul completa, donde todas las líneas están encadenadas. Esa forma se construye usando p10, p50 y p90. ¿Cómo puedo hacer esto en ploty? ¿Hay un nombre para esa forma? ¿Sigue siendo parte de la dispersión? Por favor ayuda.