Highcharts: Kesalahan saat merender diagram lingkaran kosong setelah memutakhirkan ke 8.1.1

Semua diagram lingkaran dinamis yang diinisialisasi kosong dan kemudian diisi dengan data, secara asinkron, dipecah dengan memperbarui dari 8.1.0 ke 8.1.1

Hai @pablolmedorado dan @clemeno
Terima kasih telah melaporkan masalah ini!

Sepertinya masalahnya hanya pada versi terbaru dan terkait dengan semua pembungkus. Sebenarnya ini sudah diperbaiki di cabang master , karena setelah memasukkan build terbaru dari master ke dalam contoh codesandbox, dan mengganti versi Highcharts, sepertinya masalahnya hilang.
Singkatnya, kita perlu merilis versi baru dalam beberapa hari mendatang, dan masalah ini akan diselesaikan secara otomatis.

Contoh langsung: https://codesandbox.io/s/highcharts-vue-demo-61e0v

Salam Hormat!

Masalah ini tampaknya masih ada di versi 8.1.2 yang dirilis, setidaknya dalam versi yang diterbitkan ke npm.

Masalah pembukaan kembali.

@ bre1470 - bisakah Anda memeriksanya? #13681 ditutup, tetapi tampaknya namespace Highcharts juga digunakan di inti, tidak hanya di modul. Demo: https://codesandbox.io/s/highcharts-vue-demo-5o9qu?file=/package.json

Konfirmasikan ini masih menjadi masalah bagi saya juga di 8.1.2

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

Dalam dua skenario itu direproduksi:

1. Saat series.data kosong
2. Ketika semua sumbu y dalam data adalah 0

Ingin tahu tentang solusi sampai perbaikan keluar. Menggunakan @pawelfus 's link di repro dan memodifikasi versi Highcharts ke 8.1.0 _appears_ untuk memperbaiki masalah ini. Apakah ini solusi yang disarankan untuk saat ini?

Ingin tahu tentang solusi sampai perbaikan keluar. Menggunakan @pawelfus 's link di repro dan memodifikasi versi Highcharts ke 8.1.0 _appears_ untuk memperbaiki masalah ini. Apakah ini solusi yang disarankan untuk saat ini?

Dalam kasus kami, masalah dipicu dengan membuat bagan tanpa data, lalu menambahkan data nanti. Seperti yang terjadi, kami sudah memiliki data pada saat itu, dan dengan demikian dapat membuat bagan dengan data, sehingga menghindari masalah. Jika itu pilihan untuk Anda, itu layak untuk dilihat.

@kennyjwilli Jika ada perubahan sejak 8.1.0 yang ingin Anda manfaatkan, Anda juga dapat membungkus metode drawEmpty seperti ini:

// 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);

Contoh kerja pada codeandbox.io

Jika tidak, kami sarankan menggunakan 8.1.0 untuk saat ini.

Tebak perbaikan #13770 tidak membahas #13722

Telah memberikan demo untuk mereproduksi masalah di #13722
Baris berikut adalah sumber masalah ini.
https://github.com/highcharts/highcharts/blob/c7e1976467a3b0e1620d44a414af2470716732b9/js/parts/ColumnSeries.js#L571

Ini masih terjadi pada saya di 2.7.0

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

Hai @Crocsx - perbaikan ini tidak dirilis. Rilis berikutnya dijadwalkan bulan depan. Untuk saat ini Anda perlu menurunkan versi atau menggunakan workaorund yang diposting di sini: https://github.com/highcharts/highcharts/issues/13710#issuecomment -650014654

PS: Versi Highcharts saat ini adalah v8.1.2

ah benar saya buruk maaf, saya bingung dengan pembaruan highchart-angular, tidak melihat highchart ini masih di 8.1.2, maaf

Hai @Crocsx - perbaikan ini tidak dirilis. Rilis berikutnya dijadwalkan bulan depan. Untuk saat ini Anda perlu menurunkan versi atau menggunakan workaorund yang diposting di sini: #13710 (komentar)

PS: Versi Highcharts saat ini adalah v8.1.2

@pawelfus apakah Anda punya tanggal untuk rilis berikutnya?

Target kita minggu depan @felipemfp

Saya mengalami masalah serupa. Setelah mengklik legenda, data lainnya adalah 0.Terima kasih!
"highcharts": "^8.2.0",

Hai @ the-gc - Saya tidak dapat membuat ulang masalah di v8.2.0, lihat: https://jsfiddle.net/BlackLabel/ncpL97eq/ - bisakah Anda memperbarui demo saya? Terima kasih!

Saya dapat mengonfirmasi bahwa memperbarui ke highcharts 8.2.0 telah memperbaiki masalah bagi kami.

Terima kasih!

Sama di sini, berfungsi dengan baik

Hai @pawelfus - Proyek ini dibangun kembali hari ini dan masalahnya telah terpecahkan, terima kasih banyak!

Terima kasih atas konfirmasinya!

Ini juga terjadi pada saya karena ada beberapa versi bagan tinggi di file yarn.lock . Setelah konsolidasi (pada 8.2.0), crash hilang.