按钮点击时的Highcharts加载效果

时间:2016-06-14 15:55:42

标签: javascript jquery css highcharts

这是一个高级样本小提琴

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

$('#button').click(function () {
        var chart = $('#container').highcharts();
        // I want the code which will have the effect of line being drawn on points, just like when clicked on run in the above fiddle link.
});

如果在点击运行时检查小提琴,则会有一个动画,其中从左到右绘制线条。我正在寻找一种类似的方法,当我点击按钮时,高图将使用相同的数据重绘自己。我的项目中有多个图表,如列和饼图,我尝试过重排和重绘,但两者都有自己的用途,不满足我的要求。请帮忙。

1 个答案:

答案 0 :(得分:1)

在图表配置中使用“动画”:

  animation: {
        duration: 1000,
        easing: 'easeOutBounce'
    }