Highcharts: Error al representar gráficos circulares vacíos después de actualizar a 8.1.1

Todos los gráficos circulares dinámicos que se inicializan vacíos y luego se llenan con datos, de forma asincrónica, se rompen al actualizar de 8.1.0 a 8.1.1

Hola @pablolmedorado y @clemeno
¡Gracias por reportar el problema!

Parece que el problema es solo con la última versión y está relacionado con todos los contenedores. Sin embargo, en realidad ya está arreglado en la rama master , porque después de poner la última compilación de master en el ejemplo de codesandbox y reemplazar las versiones de Highcharts, parece que el problema desaparece.
En resumen, necesitamos lanzar una nueva versión en los próximos días y este problema se resolverá automáticamente.

Ejemplo en vivo: https://codesandbox.io/s/highcharts-vue-demo-61e0v

¡Atentamente!

Este problema parece estar todavía presente en la versión publicada de 8.1.2, al menos en la publicada en npm.

Problema de reapertura.

@ bre1470 - ¿podrías comprobarlo? # 13681 está cerrado, pero parece que el espacio Highcharts nombres https://codesandbox.io/s/highcharts-vue-demo-5o9qu?file=/package.json

Confirme que esto sigue siendo un problema para mí también en 8.1.2

https://stackblitz.com/edit/angular-ivy-udtk3a?file=package.json

En dos escenarios se reproduce:

1. Cuando series.data está en blanco
2. Cuando todo el eje y en los datos es 0

Curioso por las soluciones hasta que se solucione. Usando enlace repro @pawelfus 's y la modificación de la versión 8.1.0 a Highcharts _appears_ a solucionar este problema. ¿Es esta la solución alternativa sugerida por ahora?

Curioso por las soluciones hasta que se solucione. Usando enlace repro @pawelfus 's y la modificación de la versión 8.1.0 a Highcharts _appears_ a solucionar este problema. ¿Es esta la solución alternativa sugerida por ahora?

En nuestro caso, el problema se desencadenó al crear un gráfico sin datos y luego agregar los datos más tarde. Como sucedió, ya teníamos los datos en ese punto, y así pudimos crear el gráfico con los datos, evitando así el problema. Si esa es una opción para ti, vale la pena echarle un vistazo.

@kennyjwilli Si hay cambios desde 8.1.0 que desea aprovechar, también puede ajustar el método drawEmpty esta manera:

// Workaround for https://github.com/highcharts/highcharts/issues/13710
(function(H) {
  H.seriesTypes.pie.prototype.drawEmpty = function() {
    var centerX,
      centerY,
      start = this.startAngleRad,
      end = this.endAngleRad,
      options = this.options;
    // Draw auxiliary graph if there're no visible points.
    if (this.total === 0) {
      centerX = this.center[0];
      centerY = this.center[1];
      if (!this.graph) {
        this.graph = this.chart.renderer
          .arc(centerX, centerY, this.center[1] / 2, 0, start, end)
          .addClass("highcharts-empty-series")
          .add(this.group);
      }
      this.graph.attr({
        d: H.SVGRenderer.prototype.symbols.arc(
          centerX,
          centerY,
          this.center[2] / 2,
          0,
          {
            start: start,
            end: end,
            innerR: this.center[3] / 2
          }
        )
      });
      if (!this.chart.styledMode) {
        this.graph.attr({
          "stroke-width": options.borderWidth,
          fill: options.fillColor || "none",
          stroke: options.color || "#cccccc"
        });
      }
    } else if (this.graph) {
      // Destroy the graph object.
      this.graph = this.graph.destroy();
    }
  }
})(Highcharts);

Ejemplo de trabajo en codesandbox.io

De lo contrario, sugerimos usar 8.1.0 por ahora.

Supongo que la solución # 13770 no aborda la # 13722

Proporcioné una demostración para reproducir el problema en el n. ° 13722
La siguiente línea es la fuente de este problema.
https://github.com/highcharts/highcharts/blob/c7e1976467a3b0e1620d44a414af2470716732b9/js/parts/ColumnSeries.js#L571

Esto todavía me está pasando en 2.7.0

https://stackblitz.com/edit/angular-ivy-2zlkmm

Hola @Crocsx : esta corrección no se publica. El próximo lanzamiento está programado para el próximo mes. Por ahora, necesita bajar de categoría o usar workaorund publicado aquí: https://github.com/highcharts/highcharts/issues/13710#issuecomment -650014654

PD: la versión actual de Highcharts es v8.1.2

ah cierto, lo siento mucho, lo confundí con la actualización de highchart-angular, no vi que este highchart todavía estuviera en 8.1.2, lo siento

Hola @Crocsx : esta corrección no se publica. El próximo lanzamiento está programado para el próximo mes. Por ahora necesita bajar de categoría o usar workaorund publicado aquí: # 13710 (comentario)

PD: la versión actual de Highcharts es v8.1.2

@pawelfus ¿tienes una fecha para el próximo lanzamiento?

Apuntamos la semana que viene

Encontré un problema similar. Después de hacer clic en la leyenda, los otros datos fueron 0. ¡Gracias!
"highcharts": "^ 8.2.0",

Hola @ the-gc: no puedo recrear el problema en v8.2.0, eche un vistazo: https://jsfiddle.net/BlackLabel/ncpL97eq/ - ¿podría actualizar mi demostración? ¡Gracias!

Puedo confirmar que la actualización a Highcharts 8.2.0 nos ha solucionado el problema.

¡Gracias!

Lo mismo aquí, funciona bien

Hola @pawelfus : el proyecto se reconstruyó hoy y el problema se resolvió, ¡muchas gracias!

¡Gracias por la confirmación!

Esto también me estaba sucediendo porque había varias versiones de highcharts en mi archivo yarn.lock . Una vez consolidado (en 8.2.0), el colapso desapareció.