ZingChart: How do I plot real time data?

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.

  "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


real time feed tutorial
refresh JSON pages

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us