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:



real time feed tutorial
refresh JSON pages

Did this answer your question?