Highcharts-アニメデフォルト以外の

Question

あるオプションHighcharts JS(highcharts.com 変更の際のアニメーションチャー負荷?今、列の表の列をスライドからです。可変デフォルトのアニメーションというバウンス?

Answer 1

のローディングアニメーションは「ロード」オプションを使用して制御することができます。それはあなたができることをテーマ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を（呼び出す必要があります）。

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