Highcharts-默认动画以外的动画

可以使用“加载”选项控制加载动画。它定义了一个CSS对象,您可以将其作为主题。可以使用动画图像作为背景来设置加载显示的动画。 http://highcharts.com/ref/#loading

更改通过options的lang属性显示的文本。看到了吗 http://highcharts.com/ref/#lang

var options = {
  style: { background: 'url(/images/3044/chart_curve.png) no-repeat center' }, 
  lang: { loading: '' } 
};
var chart = new Highcharts.Chart(options);

另外,要显示CSS对象,需要调用图表.showLoading();

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        animation: {
            duration: 1500,
            easing: 'easeOutBounce'
        }
    },
    ...
});

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/animation-easing/

它被移到了图表的“系列”对象下

http://api.highcharts.com/highstock#plotOptions.series

    series: [{
        animation:{
          duration: 10000  
        },
        type: 'pie',
        name: 'Percentuale per periodo',
        data: [
            ['2 anni',   13.0],
            ['3 anni',      41],
            ['4 anni',    17],
            ['5 anni',     17],
            ['7 anni',   4],
            ['8 anni',   8]
        ]
    }]

我没有看到任何动画效果的答案参考小提琴:

这里的例子 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/animation-easing/

甚至在这里尝试更高的价值: http://jsfiddle.net/p9EuZ/

    chart: {
        animation: {
            duration: 6222500,
            easing: 'easeOutBounce'
        }
    }