javascript - アニメーションの棒グラフ

Question

Highchartsを使用して棒グラフを作成し、グラフに加えている変更をアニメーション化する方法を理解しようとしています。アニメーションをtrueに設定しましたが、変更は表示されず、バーを新しい高さに再描画するだけです。

どうすれば変更をアニメーション化できますか？現在、series.setData（）を使用してデータを設定していますが、特定のバーを設定する方法があるかどうかわかりません。これが、アニメーション化されない理由である可能性があります。

var series = this.series[0];

chartData1[Math.floor(Math.random()*10)] = Math.random()*125;
series.setData(chartData1, true);

score 1 · Accepted Answer

Series.setData（）は、すべてのポイントが破棄されて新しいポイントに置き換えられるため、アニメーション化されません。

探しているのはPoint.update（）です。ポイント更新を実行すると、値が更新されるだけなので、ポイントは古い値から新しい値にアニメーション化できます。

chart.series[0].data[0].update(Math.random());

1 に答える 1