[IOTDB-2873] Apache IoTDB Dashboard: Grafana Metrics Template (apache#5587)

Author: SpriCoder

distribution/src/assembly/all.xml

@@ -55,6 +55,10 @@
             <outputDirectory>conf</outputDirectory>
             <directory>${maven.multiModuleProjectDirectory}/metrics/interface/src/main/assembly/resources/conf</directory>
         </fileSet>
+        <fileSet>
+            <outputDirectory>grafana-metrics-example</outputDirectory>
+            <directory>${maven.multiModuleProjectDirectory}/grafana-metrics-example</directory>
+        </fileSet>
         <fileSet>
             <outputDirectory>sbin</outputDirectory>
             <directory>${maven.multiModuleProjectDirectory}/server/src/assembly/resources/sbin</directory>

distribution/src/assembly/server.xml

@@ -46,6 +46,10 @@
             <outputDirectory>conf</outputDirectory>
             <directory>${maven.multiModuleProjectDirectory}/metrics/interface/src/main/assembly/resources/conf</directory>
         </fileSet>
+        <fileSet>
+            <outputDirectory>grafana-metrics-example</outputDirectory>
+            <directory>${maven.multiModuleProjectDirectory}/grafana-metrics-example</directory>
+        </fileSet>
         <fileSet>
             <outputDirectory>sbin</outputDirectory>
             <directory>${maven.multiModuleProjectDirectory}/server/src/assembly/resources/sbin</directory>

docs/UserGuide/Maintenance-Tools/Metric-Tool.md

@@ -328,8 +328,14 @@ The following documents may help you have a good journey with Prometheus and Gra
 
 [Grafana query metrics from Prometheus](https://prometheus.io/docs/visualization/grafana/#grafana-support-for-prometheus)
 
-Here are two demo pictures of IoTDB's metrics data in Grafana.
+### 5.3. Apache IoTDB Dashboard
+We provide the Apache IoTDB Dashboard, and the rendering shown in Grafana is as follows:
 
-![metrics_demo_1](https://raw.githubusercontent.com/apache/iotdb-bin-resources/main/docs/UserGuide/System%20Tools/Metrics/metrics_demo_1.png)
+![Apache IoTDB Dashboard](https://github.com/apache/iotdb-bin-resources/blob/main/docs/UserGuide/System%20Tools/Metrics/dashboard.png)
 
-![metrics_demo_2](http://raw.githubusercontent.com/apache/iotdb-bin-resources/main/docs/UserGuide/System%20Tools/Metrics/metrics_demo_2.png)
+How to get Apache IoTDB Dashboard:
+
+1. You can obtain the json files of Dashboards corresponding to different iotdb versions in the grafana-metrics-example folder.
+2. You can visit [Grafana Dashboard official website](https://grafana.com/grafana/dashboards/), search for `Apache IoTDB Dashboard` and use
+
+When creating Grafana, you can select the json file you just downloaded to `Import` and select the corresponding target data source for Apache IoTDB Dashboard.

docs/zh/UserGuide/Maintenance-Tools/Metric-Tool.md

@@ -329,8 +329,14 @@ static_configs:
 
 [Grafana从Prometheus查询数据并绘图的文档](https://prometheus.io/docs/visualization/grafana/#grafana-support-for-prometheus)
 
-最后是IoTDB的metrics数据在Grafana中显示的效果图：
+### 5.3. Apache IoTDB Dashboard
+我们提供了Apache IoTDB Dashboard，在Grafana中显示的效果图如下所示：
 
-![metrics_demo_1](https://raw.githubusercontent.com/apache/iotdb-bin-resources/main/docs/UserGuide/System%20Tools/Metrics/metrics_demo_1.png)
+![Apache IoTDB Dashboard](https://github.com/apache/iotdb-bin-resources/blob/main/docs/UserGuide/System%20Tools/Metrics/dashboard.png)
 
-![metrics_demo_2](http://raw.githubusercontent.com/apache/iotdb-bin-resources/main/docs/UserGuide/System%20Tools/Metrics/metrics_demo_2.png)
+Apache IoTDB Dashboard的获取方式：
+
+1. 您可以在grafana-metrics-example文件夹下获取到对应不同iotdb版本的Dashboard的json文件。
+2. 您可以访问[Grafana Dashboard官网](https://grafana.com/grafana/dashboards/)搜索`Apache IoTDB Dashboard`并使用
+
+在创建Grafana时，您可以选择Import刚刚下载的json文件，并为Apache IoTDB Dashboard选择对应目标数据源。