关于 javascript:Highcharts 按钮点击加载效果

Highcharts load effect on button click

这是一个 highchart 小提琴样本

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

1
2
3
4
$('#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.
});

如果您在单击运行时检查小提琴,则会出现从左到右绘制线条的动画。我正在寻找一种类似的方法,当我单击按钮时,highchart 将使用相同的数据重新绘制自身。我的项目中有多个图表,例如柱形图和饼图,我尝试过回流和重绘,但它们都有自己的目的,不能满足我的要求。请帮忙。


在图表配置中使用"动画":

1
2
3
4
  animation: {
        duration: 1000,
        easing: 'easeOutBounce'
    }