Highcharts动画等于默认的

Question

是有一个选项，在Highcharts JS(highcharts.com)改变的动画在图表载?现在，在一个列表，列幻灯片的底部。它是能够改变默认的动画来说，反弹？

Answer 1

加载动画可以使用“加载”选项控制。它定义了一个CSS对象，您可以主题。您可以通过动画影像为背景，动画加载显示。 http://highcharts.com/ref/#loading

要更改文本，它经由选项的郎属性显示。请参见 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对象，需要调用chart.showLoading（）;

Answer 2

相信，你的图表选项中添加的画持续时间和缓解的选择。例如，弹:

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/

Answer 3

据下“串联”图表的对象istead

移动

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]
        ]
    }]

Answer 4

我没有看到任何动画的效果，从答复中引用的小提琴:

例如在这里所看到的 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'
        }
    }