Skip to main content

Apache ECharts Panel 4.1.0

· 2 min read
Mikhail Volkov

We released a new version of the Apache ECharts Panel 4.1.0 for Grafana. In this feature release

  • Added Streaming Support for WebSockets and Grafana Live.
  • Added Data Zoom feature updating Time Range similar to TimeSeries panel.
  • Updated Documentation answering community questions.

Streaming

Streaming allows real-time data updates using streaming Data Sources and Grafana Live. You can find examples and configurations in the Documentation.

Grafana Live

Grafana Live is a real-time messaging engine introduced in Grafana v8.0. With Grafana Live, you can push event data to a frontend as soon as an event occurs.

Apache ECharts allows displaying messages from Grafana Live real-time engine.
Apache ECharts allows displaying messages from Grafana Live real-time engine.

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.

Data Zoom feature updating Time Range

The data Zoom feature allows selecting the time range on the chart. When the time range selected the event can trigger updating dashboard's time range using locationService parameter similar to Grafana behaviour.

Data Zoom feature for Random Walk allows updating Time Range for the selected range.
Data Zoom feature for Random Walk allows updating Time Range for the selected range.

You can find the code in the Event Handling section.

Getting Started

Apache ECharts visualization panel can be installed from the Grafana Catalog or utilizing the Grafana command line tool. For the latter, use the following command:

grafana-cli plugins install volkovlabs-echarts-panel

YouTube Tutorial

The Apache ECharts plugin is a visualization panel for Grafana that allows you to incorporate popular Apache ECharts libraries into your Grafana dashboard.

How to create modern dashboards in Grafana.

Release Notes

Features / Enhancements

  • Synchronize the README file with Documentation (#111)
  • Add Streaming Support for WebSockets and Grafana Live (#113)
  • Move InfluxDB Example to the Guest Blog post (#115)
  • Update Documentation and Tutorials in README (#116)
  • Add Data Zoom to default Line Example (#117)

Feedback

We love to hear from you. There are various ways to get in touch with us:

  • Ask a question, request a new feature, and file a bug with GitHub issues.
  • Sponsor our open-source plugins for Grafana with GitHub Sponsor.
  • Star the repository to show your support.