Skip to main content

Business Charts

The Business Charts panel allows you to integrate charts and graphs created by the Apache ECharts library into your Grafana dashboard.

Apache ECharts is a powerful and versatile data visualization library providing a wide range of chart types including statistical capabilities. It is written in pure JavaScript and based on zrender, a lightweight graphic library for chart rendering.

The Business Charts plugin offers an easy way of adding intuitive, interactive, and highly customizable charts to your Grafana dashboard.

Requirements​

  • Business Charts panel 6.X requires Grafana 10 or Grafana 11.
  • Apache ECharts panel 5.X requires Grafana 9 or Grafana 10.
  • Apache ECharts panel 3.X and 4.X require Grafana 8.5 or Grafana 9.

Getting Started​

You can install the Business Charts panel from the Grafana Plugins catalog or using the Grafana command line tool.

Install Business Suite plugins in Cloud, OSS, Enterprise. Getting started with the Business Suite.

For the latter, please use the following command.

grafana cli plugins install volkovlabs-echarts-panel

Highlights​

  • Provides Monaco Code Editor for:
    • Working with Grafana data frames (JavaScript).
    • Updating chart configurations in the JSON format.
    • Customizing theme configurations.
  • Supports Code Editor suggestions for parameters and variables.
  • Supports SVG and Canvas renderers.
  • Supports variables and locationService to make charts interactive.
  • Includes USA and World GeoJSON maps. Additional maps can be loaded dynamically.
  • Supports Baidu, Gaode, and Google Maps using API with required provision of the access key.
  • Includes ECharts-GL proving 3D plots, globe visualization, and WebGL acceleration.
  • Includes ecStat, a statistical and data mining tool.
  • Includes Liquid Fill Chart to represent data in percentage.
  • Supports real-time data updates using streaming data sources and Grafana Live.
  • Supports light and dark themes adjusted to the Grafana theme.
  • Based on Apache ECharts 5.5.1.
  • Provides 100+ ready-to-use examples at echarts.volkovlabs.io.
  • Supports the Wordcloud extension.
A few examples of the Business Charts panel.
A few examples of the Business Charts panel.

Tutorial​

This is the first video we created about Business Charts after the plugin rebranding. It features dazzling chart examples followed by a high-level plugin architecture. Knowing the basics of plugin architecture will help you create your custom charts.

To get you started quicker we prepared the web resource with numerous ready-to-use examples. In the video, Daria demonstrates how to work with this resource.

The main obstacle for many plugin users is the data transmission from the Grafana data frame(s) into the Charts function. In the video, in addition to the resource with how-to examples, Daria introduces the Visual Editor - the mechanism we started to work on to simplify the transmission.

Business Charts panel for Grafana 6.0.0 powered by Apache ECharts library.

We have many other tutorials that you can find helpful. You can review all related to this plugin tutorials here.

Documentation​

SectionDescription
Charts FunctionExplains how to configure the main Apache ECharts library function.
Visual EditorExplains how to work with the Visual Editor.
ExamplesExplains how to get started with the Apache ECharts Examples in Grafana.
FeaturesDemonstrates the Business Charts panel features.
MapsDemonstrates how to work with different maps.
TutorialsTutorials for the Business Charts panel.
Release NotesStay up to date with the latest features and updates.

Acknowledgment​

The Apache Software Foundation Apache ECharts, ECharts, Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the Apache Software Foundation.

License​

Apache License Version 2.0, see LICENSE.

We're Always Happy to Hear From You!​

We value your feedback and are eager to connect with our community and partners. Whether you have a question, an idea, or an issue to report, here’s how you can reach out:

  • Community Members: Have a question, want to suggest a new feature, or found a bug? We’d love to hear from you! Please create a GitHub issue to start the conversation.
  • Enterprise Partners: Need assistance or have an urgent request? Open a Zendesk ticket for a prompt and dedicated response from our team.
  • Join the Conversation: Stay updated and share your thoughts! Subscribe to our YouTube Channel and leave your comments—we can’t wait to hear what you think.

Your input helps us improve, so don’t hesitate to get in touch!