Highchartsグラフを使用していますが、グラフのデータを更新するのに.setDataを使用しています。Highcharts setdataの後にアニメーションをロードする
これはすべて問題なく動作していますが、データをリセットするたびに読み込みアニメーション(折れ線グラフが左から右に描画される)を使用してトリガーすることをお勧めします。このアニメーションを呼び出す方法はありますか?
Highchartsグラフを使用していますが、グラフのデータを更新するのに.setDataを使用しています。Highcharts setdataの後にアニメーションをロードする
これはすべて問題なく動作していますが、データをリセットするたびに読み込みアニメーション(折れ線グラフが左から右に描画される)を使用してトリガーすることをお勧めします。このアニメーションを呼び出す方法はありますか?
api referenceには、setVisible()メソッドがあります。「オプションの描画を使用してシリーズを表示または非表示にするユーティリティ関数」。私はそれがあなたが探しているものだと思いますか?
UPDATEは:参照、JSフィドルを追加しました:http://jsfiddle.net/UTC6e/1/
は、だから、その後、偽の最初のsetVisible新しいデータを設定し、trueにのsetVisible終わりと(第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);
これは私が探しているものに近いですが、私が何を意味するのかは分かりません。実行をクリックすると、グラフが描画されることがわかります。私がセットデータをクリックすると、全く新しいデータセットがロードされ、グラフが最初に描画されるのと同じ方法で再描画されます。 – user1766412
実際のシリーズを削除して新しいシリーズを追加できます。最初のアニメーションは他のアニメーションとは異なります(クリップのパスはアニメーションであり、シリーズ自体ではありません)。
例を参照してください:あなたは、手動で再描画メソッドを呼び出すことができhttp://jsfiddle.net/UTC6e/2/
chart.series[0].remove();
chart.addSeries({data:[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.redraw();
を、それは私が考える.. http://api.highcharts.com/をアニメーション化すべきですハイチャート#chart.animation、あなたはフィドルを投稿できますか? – asifrc