javascript - setdata後のHighchartsロードアニメーション

Question

私は Highcharts グラフを使用しており、.setData を使用してグラフのデータを更新しています。

これはすべて正常に機能していますが、データをリセットするたびにトリガーされる読み込みアニメーション (折れ線グラフが左から右に描画される場所) を使用したいと考えています。このアニメーションを呼び出す方法はありますか?

Answer 1

API リファレンスには、setVisible(): 「オプションの再描画でシリーズを表示または非表示にするユーティリティ関数」というメソッドがあります。私はそれがあなたが探しているものだと思いますか？

更新: JS Fiddle を追加しました。参照: http://jsfiddle.net/UTC6e/1/

したがって、最初に setVisible を false に設定し、次に新しいデータを設定し、最後に setVisible を true に設定して、チャートに再描画するように指示できます (2 番目のブール値引数)。

chart.series[0].setVisible(false);
chart.series[0].setData([229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] );
chart.series[0].setVisible(true, true);

Answer 2

redraw メソッドを手動で呼び出すことができます。

chart.redraw();