javascript - Highchart如何从xaxis底线向上做动画

Question

我从中间而不是从 xAxis 向上遇到了 highcharts 动画的问题，有人可以建议一种方法来做到这一点。

我正在更新图表如下。

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

这是我得到的结果，有没有办法可以将列锚定到底部 xAxis 以进行动画处理。

谢谢

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

Answer 1

我设法通过更新系列而不是隐藏它们来消除酒吧再次增长留下的空白。 所以我声明了一个空的系列数据: varempty = [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 fiddle : http://jsfiddle.net/wofcnsxr/2/

希望能解决您的问题