You are viewing documentation for an older version. For current documentation - click here.

In this demo, we've integrated the real-time line chart with JavaScript. Whenever the chart receives new data, it raises a JavaScript event. The JavaScript event listener then accesses the chart's data and updates the table below. Since the chart shows only the recent 15 data points, the table shows the same.

 

The chart will appear within this DIV. This text will be replaced by the chart.
TimeHPDell

Once the chart starts updating, this table will be updated using JavaScript.

Please wait for a few seconds for the chart to start updating.

Click a legend item to hide the line for the respective data series. Click Pause to pause the real-time update. Once paused, you can click Resume to start update again.