Update Business Charts blogs (#864)

VolkovLabs · Dec 2, 2024 · c5557b6 · c5557b6
1 parent cfe9a30
commit c5557b6
Show file tree

Hide file tree

Showing 11 changed files with 18 additions and 28 deletions.
diff --git a/blog/business-charts/2022-08-01-missing-plugin/index.mdx b/blog/business-charts/2022-08-01-missing-plugin/index.mdx
@@ -6,6 +6,7 @@ image: /img/blog/2022-08-01-missing-plugin/banner.png
 keywords: [ECharts, Business, Industrial, Charts, Grafana, Visualization]
 ---
 
+import Feedback from "@site/docs/business-charts/_feedback.mdx";
 import Image from "@theme/Image";
 import Youtube from "@theme/Youtube";
 
@@ -104,3 +105,5 @@ We have received a lot of encouraging feedback from the community since we adopt
 Our clients gratefully welcomed our assistance in upgrading from an earlier version of the library.
 
 Volkov Labs also switched industrial Plotly dashboards to Apache ECharts. We were able to preserve all existing functionality while also adding all of the required extra features, such as a custom toolbox button (to dynamically change the charts) and multiple Y-axis support.
+
+<Feedback />
diff --git a/blog/business-charts/2024-11-30-echarts-panel-6.5.0/index.mdx b/blog/business-charts/2024-11-30-echarts-panel-6.5.0/index.mdx
@@ -18,10 +18,10 @@ import Youtube from "@theme/Youtube";
 
 We are happy to announce the release of the Business Charts panel 6.5.0. This release includes the following updates:
 
-- [Improved Autosize Code Editor](#improved-autosize-code-editor).
-- [Included Scatter and Boxplot into the Visual Editor](#included-scatter-and-boxplot-into-the-visual-editor).
-- [Added Promise libraries import](#added-promise-libraries-import).
-- [Compatibility with Grafana 11.3 and Scenes powered dashboards](#compatibility-with-grafana-113-and-scenes-powered-dashboards).
+- Improved Autosize Code Editor.
+- Included Scatter and Boxplot into the Visual Editor.
+- Added Promise libraries import.
+- Compatibility with Grafana 11.3 and Scenes powered dashboards.
 
 <Catalog date="November 26, 2024" />
 

diff --git a/config/plugins_sidebar.ts b/config/plugins_sidebar.ts
@@ -83,8 +83,8 @@ const sidebars: SidebarsConfig = {
           items: [
             "business-charts/annotations",
             "business-charts/datasources",
-            "business-charts/events",
             "business-charts/instance",
+            "business-charts/events",
             "business-charts/imports",
             "business-charts/images",
             "business-charts/extended",

diff --git a/docs/_tutorials.mdx b/docs/_tutorials.mdx
@@ -1,3 +1,3 @@
 We strive to create easy-to-follow video tutorials demonstrating new features and sharing solutions to the most common problems.
 
-If you have a particular idea for our next video, send it our way by [opening issue in the GitHub repository](https://github.com/VolkovLabs/volkovlabs.io/issues).
+If you have a particular idea for our next video, send it our way by leaving comments on our [YouTube Channel](https://youtube.com/@volkovlabs).
diff --git a/docs/business-charts/features.mdx b/docs/business-charts/features.mdx
@@ -22,3 +22,4 @@ The Business Charts panel provides an extensive set of features that you can use
 | [Transformations](../transformations) | Explains how to work with transformations.                                                                         |
 | [Variables](../variables)             | Explains how to replace the dashboard and global variables.                                                        |
 | [Wordcloud Extension](../wordcloud)   | Explains how to visualize a tag cloud presentation on a two-dimensional canvas.                                    |
+| [Code Editor Toolbar](../expandable)  | Explains how to use expandable code editor.                                                                        |
diff --git a/docs/business-charts/imports.mdx b/docs/business-charts/imports.mdx
@@ -10,9 +10,9 @@ import Image from "@theme/Image";
 
 :::info Version
 
-The Business Charts panel supports the npm library imports since 6.0.0 for Grafana 10 and Grafana 11.
+The Business Charts panel supports the npm library imports since version 6.0.0.
 
-Since version 6.4.0 you can return `import` with option instead use `setOption(options)` method.
+Since version 6.4.0 you can return `import` with options instead use `setOption(options)` method.
 
 :::
 

diff --git a/docs/business-charts/index.mdx b/docs/business-charts/index.mdx
@@ -44,23 +44,13 @@ The Business Charts plugin offers an easy way of adding intuitive, interactive,
 - Supports light and dark themes adjusted to the Grafana theme.
 - Based on [Apache ECharts 5.5.1](https://github.com/apache/echarts/releases/tag/5.5.1).
 - Provides 100+ ready-to-use examples at [echarts.volkovlabs.io](https://echarts.volkovlabs.io).
-- Supports the [Wordcloud extension](https://github.com/ecomfe/echarts-wordcloud)
-
-A few examples of the Business Charts panel:
+- Supports the [Wordcloud extension](https://github.com/ecomfe/echarts-wordcloud).
 
 <Image
   title="A few examples of the Business Charts panel."
   src="/img/plugins/business-charts/business-charts.gif"
 />
 
-The Business Charts can create animations.
-
-<Image
-  title="The Business Charts can create animations."
-  src="/img/plugins/business-charts/your-text.gif"
-  width="30%"
-/>
-
 <Tutorial />
 
 ## Documentation

diff --git a/docs/business-charts/instance.mdx b/docs/business-charts/instance.mdx
@@ -37,7 +37,7 @@ To scale the content for fitting the resized panel, you need to use the instance
 
 You can add elements (buttons, checkboxes, dropdown boxes, etc.) to the DOM (Document Object Model) using the instance.
 
-### Button
+## Button
 
 You can add a button with an on-click event handler on top of the Business Charts panel.
 
@@ -80,7 +80,7 @@ if (nodeList.length < 2) {
 }
 ```
 
-### Select
+## Select
 
 Add a select box with an on-change event handler.
 

diff --git a/docs/business-charts/maps/index.mdx b/docs/business-charts/maps/index.mdx
@@ -3,7 +3,7 @@ tags:
   - Business Charts
 ---
 
-# The Business Charts supports Maps
+# Supported Maps
 
 The Business Charts panel allows you to use maps as a basis for generating charts and displaying the value distribution across geographical areas.
 

diff --git a/docs/business-charts/options.mdx b/docs/business-charts/options.mdx
@@ -60,6 +60,8 @@ The `return` clause is where you need to specify the `options` parameter to be p
 | `context.panel.chart`                                      | Instance of the Apache ECharts library. See the example in the screenshot above. |
 | `context.panel.data`                                       | Object containing a time range, series, and request information.                 |
 
+### Inspect
+
 To inspect those parameters, use the browser's developer console.
 
 ```javascript

diff --git a/docs/business-charts/visualeditor.mdx b/docs/business-charts/visualeditor.mdx
@@ -36,12 +36,6 @@ If your use case requires complex logic, use the **Code** mode.
 
 ## Types
 
-:::info Beta version
-
-The following is described using the Business Charts version 6.4.1.
-
-:::
-
 Below is a more detailed description of how the **Visual Editor** can be used for a particular series type.
 
 | Chart Type            | Description                                        |