Chart stops streaming when browser tab is not active. Here is picture of my chart and code. You can see that in below image, very few datapoints are added into the chart when browser tab is not active ,and once the tab is active then the chart starts to do streaming as per configured refresh time. Please help me on this.
### Screenshot
ReactJS Code
scales: { x: { type: "realtime", ticks: { color: "#cdd5d9", }, realtime: { refresh: configData.Refreshtimer, // onRefresh callback will be called every 100 ms // onrefresh callback to update datasets onRefresh: function () { currObj = { x: Date.now(), y: Math.random(), }; chartRef.current.data.datasets[0].data.push(currObj); } }, }, },
Chart stops streaming when browser tab is not active. Here is picture of my chart and code. You can see that in below image, very few datapoints are added into the chart when browser tab is not active ,and once the tab is active then the chart starts to do streaming as per configured refresh time. Please help me on this.
### Screenshot
ReactJS Code
scales: { x: { type: "realtime", ticks: { color: "#cdd5d9", }, realtime: { refresh: configData.Refreshtimer, // onRefresh callback will be called every 100 ms // onrefresh callback to update datasets onRefresh: function () { currObj = { x: Date.now(), y: Math.random(), }; chartRef.current.data.datasets[0].data.push(currObj); } }, }, },