2

いくつかのデータ系列をアニメーションで表示するハイチャート チャートがあります。チャートには、線と列のタイプの組み合わせがあります。各データ系列セットは、完全に別のセットに置き換えることができます。

問題は、初期ロード時にアニメーションがスムーズで、すべてのデータ シリーズに適用されることです。しかし、データ系列を置き換えてグラフを再描画すると、アニメーションが消えてしまうか、最初の読み込みほど滑らかではないように見えます。

最初のアニメーションと同じように、アニメーションが一貫して動作する必要があります。

私のデータ系列の置換コードは次のとおりです。

var i_limit=chart["series"]["length"];
for(var i=0;i<i_limit;i++)
{
    chart.series[0].remove(true);
}
var i_limit=data1.length;
for(var i=0;i<i_limit;i++)
{
    chart.addSeries(data1[i],true);
    chart["redraw"]()
}

この問題の完全なコードを示す私の jsFiddle : http://jsfiddle.net/dinoJS/axQNU/1/。(ボタンをクリックして、データ系列の置換をトリガーします)

4

1 に答える 1

4

チャートにはanimationプロパティがあります。アニメーションの長さを調整して、トランジションを長くし、より滑らかな外観にすることができます。

これは、このプロパティで更新されたJSFiddleです。chart.animationプロパティのドキュメントはここにあります。

于 2012-10-06T10:16:41.443 に答える