Highchart如何从xaxis底线向上动画

时间:2016-09-20 10:17:15

标签: javascript jquery highcharts

我从中间而不是从xAxis向上获得高图动画的问题可以有人提出一种方法来做到这一点。

我正在按如下方式更新图表。

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

以下是我得到的结果,是否有一种方法可以将列锚定到底部xAxis以进行动画处理。

enter image description here

由于

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

1 个答案:

答案 0 :(得分:4)

我设法通过更新系列而不是隐藏它们来摆脱酒吧留下的空白。 所以我宣布了一个空系列数据: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()

这是工作js小提琴: http://jsfiddle.net/wofcnsxr/2/

希望它能解决你的问题