使用addPoint()时没有动画

时间:2014-02-28 15:47:28

标签: jquery highcharts

我正在尝试在单击按钮时添加具有自己的系列的类别。 看代码; http://jsfiddle.net/3e9PH/

我的问题;为什么新的系列没有像最初的系列装载时那样有效?

这是我的代码:

chart.xAxis[0].categories.push("My new category");
chart.series[0].addPoint(['My new category', 5],false);
chart.series[1].addPoint(['My new category', 10],false);

提前致谢。

1 个答案:

答案 0 :(得分:0)

初始动画的创建方式与其他动画不同。解决方法是设置默认值= 0,然后更新为所需的值,请参阅:http://jsfiddle.net/3e9PH/1/

此外,使用setCategories for xAxis而不是推送到数组值。

代码:

$btn.click(function () {

    var chart = $("#container").highcharts();
    categories.push("My new category");
    chart.xAxis[0].setCategories(categories, false);
    chart.series[0].data[pointIndex].update(['My new category', Math.random() * 10], false);
    chart.series[1].data[pointIndex].update(['My new category', Math.random() * 10], false);
    chart.xAxis[0].setExtremes(0, pointIndex);
    pointIndex = pointIndex == 9 ? 0 : pointIndex + 1;
});