Charts just don’t work correctly on Ipad

[thefireescaper]

Using the stockcharts, with around 20 charts on a page, these charts just don’t work. There is a significant memory usage which is hitting limitations within Safari on the ipad. Therefore charts fail to draw. Not very scalable and not what I expected from this package.

What are my options?
I guess one is to export to svg and render the fixed image.

What are other ones?
This is not a great experience.
Thanks all in advance for any help

[thefireescaper]

to recreate, just render a page with 20 stockcharts on it and display on an ipad. I am using ipad air with 128MB and apparently 32MB is not enough for the charts. So they are using > 1.5MB per chart for a simple OHLC chart with volume underneath and around 30 datapoints.

[Thangaraj Raman]

@thefireescaper,

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

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.

Please check this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS