Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
139
rated 0 times [  142] [ 3]  / answers: 1 / hits: 17194  / 14 Years ago, mon, august 30, 2010, 12:00:00

Is there an option in Highcharts JS (highcharts.com) to change the animation when a chart loads? Right now, on a column chart, the columns slide up from the bottom. Is it possible to alter the default animation to, say, bounce?


More From » animation

 Answers
1

The loading animation can be controlled using the 'loading' option. It defines a CSS object that you can theme. You can animated the loading display by using an animated image as the background. http://highcharts.com/ref/#loading



To change the text that it displays via the lang property of options. See http://highcharts.com/ref/#lang for more. I usually just set it to blank.



var options = {
style: { background: 'url(/images/3044/chart_curve.png) no-repeat center' },
lang: { loading: '' }
};
var chart = new Highcharts.Chart(options);


Plus to display the CSS object, you need to call chart.showLoading();


[#95755] Friday, August 27, 2010, 14 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
karivictoriab

Total Points: 530
Total Questions: 90
Total Answers: 95

Location: Honduras
Member since Sun, Dec 26, 2021
2 Years ago
;