Highcharts-アニメデフォルト以外の
-
25-09-2019 - |
質問
あるオプションHighcharts JS(highcharts.com 変更の際のアニメーションチャー負荷?今、列の表の列をスライドからです。可変デフォルトのアニメーションというバウンス?
解決
のローディングアニメーションは「ロード」オプションを使用して制御することができます。それはあなたができることをテーマ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を(呼び出す必要があります)。
他のヒント
確かにオプションに追加アニメーション期間と緩和オプション例えば、バウンス:
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
animation: {
duration: 1500,
easing: 'easeOutBounce'
}
},
...
});
これは「シリーズ」チャートのオブジェクト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]
]
}]
いいアニメーション効果からの回答を参考に怒:
うもの高値としてはこちらhttp://jsfiddle.net/p9EuZ/
chart: {
animation: {
duration: 6222500,
easing: 'easeOutBounce'
}
}
所属していません StackOverflow