Skip to main content

Streaming

Version

The Business Charts Panel supports streaming since version 4.1.0.

The rendering issue with live data was fixed in the Business Charts Panel 5.0.0.

Streaming allows real-time data updates using streaming data sources and Grafana Live.

Grafana Live​

Grafana Live is a real-time messaging engine introduced in Grafana v8.0. With Grafana Live, you can push event data to the application frontend upon an event occurrence.

The Business Charts panel allows displaying messages from Grafana Live real-time engine.
The Business Charts panel allows displaying messages from Grafana Live real-time engine.

Example​

docs/volkovlabs-echarts-panel/js/live.js
loading...

WebSocket API​

To stream real-time data, we used the WebSocket Data Source for Grafana.

Streaming real-time events from Websocket Data source.
Streaming real-time events from Websocket Data source.

Server​

Example of Node.js WebSocket Server implementation.

websocket/server.js
loading...

Provisioning​

WebSocket API Data Source can be provisioned using configuration files or in Grafana UI.

docs/volkovlabs-echarts-panel/yml/websocket.yml
loading...

Example​

docs/volkovlabs-echarts-panel/js/streaming.js
loading...

Gauge​

Another example of displaying Grafana live data using Gauge.

Display gauge with the live data in real-time.
Display gauge with the live data in real-time.

Example​

docs/volkovlabs-echarts-panel/js/gauge.js
loading...