Business Charts panel for Grafana 6.0.0 powered by Apache ECharts library | Visual Editor tutorial

This video announces a new name for one of our famous plugins. Now it is called the Business Chart plugin for Grafana powered by the Apache ECharts library. A new name with same mighty functionality. PLUS, an amazing new feature - Visual editor.

Become a member of our fan club

CHAPTERS
0:00 Intro
0:36 Rebranding, new road map
1:14 Business Charts examples
1:38 Business Charts plugin architecture
2:12 Business Charts plugin architecture a bit deeper
2:50 Visual Editor
5:50 Visual Editor examples
6:06 Outro

DISCOVER

GET IN TOUCH

#Grafana #GrafanaPlugins #Visualization #visualización

[volkovlabs]

Will you be using the Visual Editor? What are your most expected features? Let's brainstorm!

[renobodyrenobody]

Thanks a lot again, always a pleasure to see what you are offering to the community !

[PabloVelizBouzas]

👏👏👏 Excellent as always. Thanks a lot!

[ignirisvaldiviabaez]

this is a great plugin, i love it, i will try this new version, congrats on you work

[djmed]

is there any complete example for the sunburst visual-based editor? or alternatively an example -still sunburst- where the value and label are obtained via the sql query and not defined as contant value within the given script
Thank you for you continuous effort to improve the plugin

[rlindbuechl]

How does this visual editor work with the liquid fill template?

[yvettefall]

hello, I am writing to you to find out if it would be possible to make a video on the radar of the business charts plugins in grafana. I looked at a lot of your documentations but couldn't find any that show us how to do the radar. Knowing that I have already imported my Mysqsl database. Thank you in advance for your answer

[gnite]

Excuse me? My question has been removed twice. What happened?

[mr.capability]

Hello ma'am! I am facing issues in modifying my code for meeting the new requirements. Could you please help me with it.

=> {
if (s.refId === "A") {
yearA = s.fields.find((f) => fname === "year").values.buffer;
monthA = s.fields.find((f) => fname === "periodName").values.buffer;
valueA = s.fields.find((f) => fname === "value").values.buffer;
}
});
const month_yearA = monthA.map((d, i) => `${d} ${yearA[i]}`);

BTW, great work!