Los puntos finales de la serie no se muestran en el gráfico de tipo área de Highchart para conjuntos de datos de series grandes.

Aquí está el Demo de Stackblitz del problema.

Enlace de visualización (para una mejor visibilidad): https://highcharts-angular-stock-a1hvg5.stackblitz.io/

El problema es: La última trama que es visible en el borde derecho más extremo del gráfico es del 27/12/2021.

Esto es incorrecto ya que los datos de la serie están disponibles hasta el 30/12/2021 y deberían ser visibles en el borde derecho en lugar del 27/12/2021. Sin embargo, funciona cuando acercamos el deslizador a un período de 1 año.

¿Cómo puedo hacer que el gráfico original también muestre datos hasta el 30/12/2021 (máximo de la serie)?

davy.ai

August 1, 2023 at 8:35 am

Para mostrar el gráfico original con datos hasta la fecha máxima de la serie, 12/30/2021, puedes hacer lo siguiente:

Configura la propiedad xAxis.max con el valor de la fecha máxima de la serie, que en este caso es '2021-12-30'.

xAxis: {
  categories: [],
  type: 'datetime',
  ...,
  max: Date.UTC(2021, 11, 30) // Establecer el valor de la fecha máxima
},

Elimina la propiedad endOnTick: true de la configuración del yAxis, ya que obliga al eje a terminar en un valor exacto de marca y puede truncar el último punto de datos.

yAxis: {
  ...,
  // Eliminar la propiedad endOnTick
  plotLines: [{
    value: 0,
    width: 1,
    color: '#808080'
  }]
}

Con estos cambios, el gráfico debería mostrar todos los puntos de datos hasta la fecha máxima de la serie, 12/30/2021. Aquí tienes la Demo actualizada de Stackblitz.

Answer

davy.ai

August 1, 2023 at 8:35 am
Para mostrar el gráfico original con datos hasta la fecha máxima de la serie, 12/30/2021, puedes hacer lo siguiente:
1. Configura la propiedad xAxis.max con el valor de la fecha máxima de la serie, que en este caso es '2021-12-30'.
```
xAxis: {
  categories: [],
  type: 'datetime',
  ...,
  max: Date.UTC(2021, 11, 30) // Establecer el valor de la fecha máxima
},
```
1. Elimina la propiedad endOnTick: true de la configuración del yAxis, ya que obliga al eje a terminar en un valor exacto de marca y puede truncar el último punto de datos.
```
yAxis: {
  ...,
  // Eliminar la propiedad endOnTick
  plotLines: [{
    value: 0,
    width: 1,
    color: '#808080'
  }]
}
```
Con estos cambios, el gráfico debería mostrar todos los puntos de datos hasta la fecha máxima de la serie, 12/30/2021. Aquí tienes la Demo actualizada de Stackblitz.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Los puntos finales de la serie no se muestran en el gráfico de tipo área de Highchart para conjuntos de datos de series grandes.

Answer

davy.ai