Highcharts动画等于默认的
-
25-09-2019 - |
题
是有一个选项,在Highcharts JS(highcharts.com)改变的动画在图表载?现在,在一个列表,列幻灯片的底部。它是能够改变默认的动画来说,反弹?
解决方案
加载动画可以使用“加载”选项控制。它定义了一个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();
其他提示
相信,你的图表选项中添加的画持续时间和缓解的选择。例如,弹:
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