CODEWITHSUNDEEP
highcharts
Adam Harris
Adam Harris

Reputation: 77

Highcharts - Multiple Charts On Mobile Page

I have an issue with HighCharts. I am building a mobile page that will contain upwards of 20 charts on the screen however there is a large delay (5 - 10 seconds) for the charts to render. I am using DotNet.Highcharts to construct the charts on the server side and then just rendering the div and script tags that creates to the page.

My question is: has anyone attempted something similar (I'm sure i cant be the only one) and how did you get past this so your users don't experience the 'lag' of rendering those charts?

Any help or suggestions would be greatly appreciated.

Thanks, Adam

Upvotes: 1

Views: 572

Answers (1)

MatthewKremer
MatthewKremer

Reputation: 1569

When I first started developing a dashboard for my company I was told that I MUST support IE8, as most of our clients would be using it.

I too had to render close to 20 charts on the fly...and boy did my load time suffer, in fact...it ranged between 30 seconds and 2 minutes.

What I did to combat this is actually separate the charts. Instead of having all 20 or so on one page, I separated them out into "tabs" or different sections of the page, and I only initialized the charts when they needed to be shown. Instead of one large delay, there were several very small delays.

I'm not sure if this is something you could accomplish on your site without seeing it, but it may be worth a try!

Upvotes: 1

Related Questions