[totally newbie] understanding line plot with dynamic data

[El Berto]

Hi to all, I’m totally newbie and I would like to understand how create dynamic plots on webpage.
I started taking a look to dynamic plots:
– https://canvasjs.com/html5-javascript-dynamic-chart/
– https://canvasjs.com/javascript-charts/dynamic-live-line-chart/
but it’s a little hard for me to understand….

My target is:
– load from file some values (periodically updated), let’s say 100 values
– start drawing plot showing (let’s say) 300 values
– append new values
– once plot is filled with 300 values shift plot for next 100 values

Are there available somewhere samples about the examples above?
I don’t understand syntax and I don’t understand why there is different structure.
Where can I get plot examples above explained step by step?
Code on first example works correctly why code of second one gives me blank page…..
Thanks.

[Vishwas R]

@el-berto,

Please refer this article for more information on array shift method in JavaScript.

If you are still facing any issue with CanvasJS, kindly share JSFiddle with your use-case so that we can look into the source code, understand the scenario better and help you out.

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle helps us in figuring out the issue and many a time we can just edit your code on JSFiddle to fix the issue right away.

—
Vishwas R
Team CanvasJS