Plotting real-time data is simple with ZingChart. In our library we call this a feed. We offer three different types of feed transport:
HTTP request
JavaScript function
WebSockets server
Two of these require a mild understanding of the web and how protocols works. This makes easy examples a little difficult to a new user. A simple demo to show you what the final product of the feed can look like is JS feed. It is simple a function called at every n interval and returns values.
All feed stuff is declared through our JSON syntax under the refresh object.
"refresh":{
"type":"feed", // Declare feed
"transport":"js", // Declare feed type
"url":"feed()", // Url called
"maxTicks":20, // Max amount of nodes in view
"interval":200, // Every 200 milliseconds call url
"adjust-scale":true, // Adjust scale based on incoming values
"resetTimeout":1000 // After 1000 nodes reset the feed
}....
Here's a JS feed:
Example: https://demos.zingchart.com/view/7YJR3ET1
Documentation