Home › forums › Using CanvasJS › Dynamic stack data / syncing Graphs (diff. viewport)
Tagged: dynamic stacks, Syncronizing
This topic contains 0 replies, has 1 voice, and was last updated by LostAccus 3 years, 4 months ago.
I need to visualize a Project of mine and tried to use d3 for it and it was okay, but d3 was just tooo slow for my purposes and CanvasJS seems way better for that (since 1.8).
So, I have two questions.
I have an 2D Array, with one to 32 Arrays and “inside” up to 1 million data.
I want to visualize that with stackedColumns.
How is it possible to load dynamically the separate stacks of an Column?
Practically I want that:
for(var i =0;i<32;i++)
But that does not work, how can I do it?
Due to the amount of data I need two Graphs. One as an “Overview” and the 2nd to show the data (which can also be loaded dynamically) more accurately – That means if my Monitor is 2k wide I want to show 2k Bars in that Graph. And accordingly in the Overview Chart those 2k data shall be opaque or panned.
How can I synchronise Graphs like that? (I knew: http://jsfiddle.net/canvasjs/m5jgk5sg/).
So the overview does not have to zoom itself, but zoom the 2nd Graph and the Overview shall “focus” that data.
Regarding the data: If I have really 1mio values, does CanvasJS automatically adjust it to the width of the Graph or do I have to eg. pick every ~100th value to show it in the Overview correctly?
You must be logged in to reply to this topic.