2013-04-13 43 views
10

Highchartsグラフを使用していますが、グラフのデータを更新するのに.setDataを使用しています。Highcharts setdataの後にアニメーションをロードする

これはすべて問題なく動作していますが、データをリセットするたびに読み込みアニメーション(折れ線グラフが左から右に描画される)を使用してトリガーすることをお勧めします。このアニメーションを呼び出す方法はありますか?

+0

を、それは私が考える.. http://api.highcharts.com/をアニメーション化すべきですハイチャート#chart.animation、あなたはフィドルを投稿できますか? – asifrc

答えて

6

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); 
+1

これは私が探しているものに近いですが、私が何を意味するのかは分かりません。実行をクリックすると、グラフが描画されることがわかります。私がセットデータをクリックすると、全く新しいデータセットがロードされ、グラフが最初に描画されるのと同じ方法で再描画されます。 – user1766412

10

実際のシリーズを削除して新しいシリーズを追加できます。最初のアニメーションは他のアニメーションとは異なります(クリップのパスはアニメーションであり、シリーズ自体ではありません)。

例を参照してください:あなたは、手動で再描画メソッドを呼び出すことができ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]}); 
+0

これは、シリーズの配置を移動するという問題です。 –

+0

説明できますか?ライブサンプルを追加しますか? –

0

:デフォルトで

chart.redraw(); 
関連する問題