Apache ECharts Panel
The Apache ECharts plugin is a visualization panel for Grafana that allows you to incorporate popular Apache ECharts libraries into your Grafana dashboard.
Apache ECharts libraries is a free, powerful charting and visualization library with statistical capabilities. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library.
Apache ECharts visualization panel offers an easy way of adding intuitive, interactive, and highly customizable charts into your Grafana dashboard.
Simply put, and to avoid confusion,
- Apache ECharts libraries is the charting library.
- Apache ECharts plugin (which is the same as the Apache ECharts visualization panel) brings the Apache ECharts libraries into the Grafana dashboard.
Requirements
- Grafana 8.5+, Grafana 9.0+ is required.
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
Features
- Provides Monaco Code Editor for:
- Working with Grafana data frames (JavaScript),
- Updating chart configurations in JSON format.
- Supports Code Auto formatting.
- Executes the
setOption()function using Monaco Code Editor content. - Supports variables and location service to make Charts interactive.
- Based on the ECharts 5.4.1.
- Supports Light and Dark modes synchronized with Grafana Theme.
- Supports SVG and Canvas renderers.
- Includes USA and World GeoJSON maps. Allows adding custom Map files in the
mapsfolder. - Includes Liquid Fill Chart, which is usually used to represent data in percentage.
- Includes ECharts-GL, which providing 3D plots, globe visualization, and WebGL acceleration.
- Includes ecStat, a statistical and data mining tool.
- Supports Code Editor suggestions for Parameters and variables.
- Allows displaying Success and Error notifications.
- Supports Baidu, Gaode, Google maps using API. Requires to provide access key.
- Supports real-time data updates using streaming Data Sources and Grafana Live.
- Has 100+ ready-as-is examples at echarts.volkovlabs.io.
Documentation
| Section | Description |
|---|---|
| setOption() Function | Explains how to configure the main Apache ECharts library function. |
| Data Sources | Demonstrates how to retrieve data from data sources. |
| Event Handling | Demonstrates how to react on the triggered events. |
| Examples | Explains how to get started with ECharts Examples. |
| Streaming | Explains how to configure Apache ECharts for real-time data updates using streaming Data Sources and Grafana Live. |
| Variables | Demonstrated how to replace Dashboard and Global variables. |
| Directed Graph | Explains how to build and visualize directed graphs. |
| PNG and SVG images | Explains how to use images in various formats. |
| Statistical and Data Mining | Explains how to use statistical and data mining library. |
| Baidu Maps | Demonstrates how to work with Baidu Maps. |
| Gaode Maps | Demonstrates how to work with Gaode Maps. |
| Google Maps | Demonstrates how to work with Google Maps. |
| Release Notes | Stay up to date with the latest features and updates. |
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.
License
Apache License Version 2.0, see LICENSE.