Skip to main content

Apache ECharts Panel 4.1.0

· Updated on March 2, 2023
Mikhail Volkov

We released a new version of the Apache ECharts Panel 4.1.0 for Grafana. 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 8. 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

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

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 the popular Apache ECharts library into your Grafana dashboard.

How to create modern dashboards in Grafana.

Apache ECharts is one of the three plugins that make Grafana complete. Dynamic Text, Data Manipulation and Apache ECharts are all you need to create functional real-world web applications.

Dynamic Text, Data Manipulation and Apache ECharts plugins.

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.