ハイチャートxaxisのボトムラインから上にアニメートする方法

Question

ハイチャートのアニメーションに問題が発生しましたが、xAxisからではなく中間からアニメーションを作成する方法を提案できます。

私は次のようにチャートを更新しています。ここで

chart.series[0].setData(e.data1); 
chart.series[1].setData(e.data2); 
chart.series[2].setData(e.data3); 

は私が取得しています結果であり、私はアニメーション化するには、下部x軸に列を固定することができる方法があります。

おかげ

JSFIDDLE例：http://jsfiddle.net/wofcnsxr/

Answer 1

私は、一連の更新の代わりに、それらを非表示にすることで、再び成長しているバーが残した空白を取り除くことができました。 だから私は空の系列データ宣言：var empty = [0, 0, 0, 0, 0, 0, 0];

をそして、代わりにあなたは非表示にしたかったシリーズを隠す、私は0のデータとそれらを満たし：

chart.series[1].hide(); 
    chart.series[2].hide(); 

は

chart.series[1].setData(empty); 
    chart.series[2].setData(empty); 

なり、 show()の必要はもうありません

ここでは、作業中のフィドルです： http://jsfiddle.net/wofcnsxr/2/

ホープそれはあなたがあなたの問題の実際の例を投稿できる、あなたの問題