Skip to main content

Apache ECharts Panel 4.1.0

· Updated on September 6, 2023
Mikhail Volkov

We are happy to announce the release of the Apache ECharts Panel 4.1.0 for Grafana. This release includes the following updates:

  • Added support for streaming for WebSockets and Grafana Live.
  • Added the Data Zoom feature updating a time range similar to the TimeSeries panel.
  • Updated the product documentation answering community questions.

Streaming

Streaming enables real-time data updates using streaming data sources and Grafana Live. You can find examples and configurations in our 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 the WebSocket data source.
Streaming real-time events from the WebSocket data source.

Data Zoom feature

The Data Zoom feature allows you to select a time period on the chart for zooming in. Once the time range is selected, the event can update the time range on the dashboard using the locationService parameter, similar to native Grafana behavior.

In the Random Walk example, the Data Zoom feature allows you to zoom in a temporal time range within the defined range.
In the Random Walk example, the Data Zoom feature allows you to zoom in a temporal time range within the defined range.

You can find the code snippet in the Event Handling section.

Getting Started

You can install Apache ECharts Panel from the Grafana Plugins catalog or using the Grafana command line tool.

For the latter, please use the following command.

grafana-cli plugins install volkovlabs-echarts-panel

YouTube Tutorial

The Apache ECharts Panel plugin is a data visualization extension for Grafana that allows you to integrate charts and graphs from the popular Apache ECharts library into your Grafana dashboard.

How to create modern dashboards in Grafana.

One of the three plugins that completes Grafana is Apache ECharts Panel. With Dynamic Text, Data Manipulation, and Apache ECharts Panel you can create fully functional web applications meeting your needs and expectations.

Dynamic Text, Data Manipulation, and Apache ECharts Panel plugins.

Release Notes

Features / Enhancements

  • Synchronized the README file with the product documentation (#111).
  • Added the Streaming support for WebSockets and Grafana Live (#113).
  • Moved the InfluxDB example to the guest blog post (#115).
  • Updated the documentation and tutorials in the README file (#116).
  • Added the data zooming to the default Line example (#117).

Feedback

We're looking forward to hearing from you. You can use different ways to get in touch with us.

  • Ask a question, request a new feature, or report an issue at GitHub issues.
  • Subscribe to our YouTube Channel and leave your comments.
  • Sponsor our open-source plugins for Grafana at GitHub Sponsor.
  • Support our project by starring the repository.