Different data for different levels of zoom

[karakal]

I have a dynamic chart with A LOT of datapoints (in specific scenarios upwards of 500.000 and more). After a few seconds ther render task will use 100% CPU and my chart is lagging behind.
Now I need to render a different granularity of datapoints. For example: In the normal view I would like to render each 10th datapoint and when I zoom in, I would like to render each datapoint.
Is there a possibility to do that with CanvasJS? I already tried to switch out the datapoints when switching to zoom but somehow I didn’t get that to work…

We are using the commercial version of CanvasJS…

[Manoj Mohan]

@karakal,

I have a dynamic chart with A LOT of datapoints (in specific scenarios upwards of 500.000 and more). After a few seconds ther render task will use 100% CPU and my chart is lagging behind.

Can you kindly create a JSFiddle reproducing the issue and share it with us so that we can look into code, understand the scenario better and help you out?

Now I need to render a different granularity of datapoints. For example: In the normal view I would like to render each 10th datapoint and when I zoom in, I would like to render each datapoint.
Is there a possibility to do that with CanvasJS? I already tried to switch out the datapoints when switching to zoom but somehow I didn’t get that to work…

You can update the dataPoint on zooming with the help of rangeChanging event as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS