Charts dissapearing on iOS after reload – new

[deploydash]

Hello,

I have license and just finished my website. It is curently loading 9 graphs – 4 bar charts with approximately 5 values each and 5 line graphs with 31 values each (31 y values I pass, 31x values graph figures out by itself). Everything is working perfect on all other devices than apple ios iphone and ipad.

I already did some tweaks to javascript to disable caching, did not help. I added lazy loading which is starting drawing the given graph with interval – did not help. Even if I set the interval to some insane value like 3 seconds per graph, it still does not work.

Weird it that most of the times the graph appears, but just have black colors for all datapoints, but sometime they do not even show at all.

It was working quite ok with the lazyloading, but I added like 2x more data to the graphs as I am launching the website officially and issue like this happened.

Can you please tell me how to fix it?

Regards

[Adithya Menon]

@deploydash,

The memory for canvas buffer memory is limited to 25% of the RAM of the device. We have further optimized the memory consumption in CanvasJS Chart v2.3.1 and v3.6. Kindly download the latest version of CanvasJS Charts from our download page.

Based on your scenario, it should work fine without any issues. If you are performing an AJAX request to populate data to the chart, I suggest you create the chart outside the AJAX, just update datapoints & call chart.render() within the AJAX.

To optimize the performance further, you can try lazy loading the charts. We have tested the same using jquery.inview & it seems to perform better compared to the regular way of rendering charts / stockcharts.

Kindly take a look at this JSFiddle for a working example on the same.

—
Adithya Menon
Team CanvasJS