highcharts - ハイチャートのドーナツチャートがエクスポートでめちゃくちゃに見える

Question

チャートライブラリとしてhighchartsを使用しています。それは素晴らしく、エクスポートは1つを除くすべてのシナリオでうまく機能します。2つのレベルのドーナツチャートがあります。ブラウザでレンダリングすると、正常に表示されます。

デフォルトのhighchartsサービスを使用してこのチャートをエクスポートすると、次のように表示されます。

なぜこれが起こっているのか誰もが知っています、そして私たちがこれを修正することができる方法があれば？

Answer 1

問題のフィドルを作成し、HighChartsサポートに電子メールで送信する（またはここにフィドルをリンクする）ことをお勧めします。これらは非常に役立ち、通常は迅速に対応します。

ただし、ドーナツチャートも問題なく生成およびエクスポートするため、問題はコードに関連しているようです。

Answer 2

構成の間違いは、色を動的に更新していたときでした。

chart.series[0].data[s].update({color: "#FFFFFF")}, false);

これは、色を更新するだけでなく、全体のポイントを更新することを意味しました。これは、上記を実行することによって、私はyを何も実行していなかったことを意味しました！グラフは正常に表示されましたが、エクスポートサービスに送信されたデータには、スライスの値が設定されていませんでした。したがって、グラフのスライスは空です。それを修正するには、次のようなことをしなければなりませんでした。

chart.series[0].data[s].update({
              color: "#FFFFFF",
              y: chart.series[0].data[s].y,
              name: chart.series[0].data[s].name,
)}, false);