Highcharts - 默認設置以外的動畫

Highcharts JS（highcharts.com）中有一個選項用於在圖表加載時更改動畫嗎？現在，在柱形圖上，列從底部向上滑動。是否有可能改變默認動畫，例如彈跳？Highcharts - 默認設置以外的動畫

2010-08-30 hookedonwinter

加載動畫可以使用'加載'選項進行控制。它定義了一個可以主題化的CSS對象。您可以使用動畫圖像作爲背景來爲加載顯示設置動畫。 http://highcharts.com/ref/#loading

通過選項的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對象，你需要調用chart.showLoading（）;

來源

2011-03-15 18:02:54 xer0x

我知道OP接受了這個作爲回答，但作爲第三方，看起來這個迴應沒有解決關於數據動畫的問題，而是談論定製一個微調型「繁忙」指標。這些是不同的擔憂（例如，您可以在同一個圖表上自定義）。 -1 – Tom 2013-01-17 20:37:13

當然，對於圖表選項添加動畫持續時間和緩動選項。例如，反彈：

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/

來源

2012-11-22 09:15:47 benmod

我沒有看到答案的任何動畫效果引用小提琴：

例在這裏看到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' 
     } 
    }

來源

2013-09-25 19:16:13 jayseattle

同意。該問題還具體詢問「加載」動畫，而不是「更新」動畫。 – 2013-10-24 16:20:02

它是下圖的「系列」對象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] 
     ] 
    }]

來源

2014-02-12 16:34:49 KingJia

Highcharts - 默認設置以外的動畫

回答

相關問題