如何为动态创建的HighChart图表设置动画？

Question

我想在添加时立即绘制每一点。但它等待并最终得出所有的观点。在尝试使用内置API之前，我使用了一个队列来添加这些任务，但是不支持API吗？看小提琴： http://jsfiddle.net/7dx7u34v/

$(function () {
$('#container').highcharts({

    chart: {
        animation: {
            duration: 10000
        }
    },
});

$('#update').click(function () {
    var chart = $('#container').highcharts();
    chart.addSeries({});
     for(var i = 0; i < 500 ; i ++){
        var chart = $('#container').highcharts();
        chart.series[0].addPoint([i,50 * (i % 3)])
    }
});
});

Answer 1

默认情况下，如果未明确定义其选项，则动画为true。在您的情况下，添加点时动画持续时间高于绘图时间。如果减少动画时间，将显示

   animation: {
            duration: 1000 
        }

Updated fiddle here