Streaming

Version

Apache ECharts Panel supports streaming starting from version 4.1.0.

The rendering issue with live data was fixed in Apache ECharts 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.

Apache ECharts 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.

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.

Example

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

loading...