diff --git a/docs/en/20-third-party/01-grafana.mdx b/docs/en/20-third-party/01-grafana.mdx
index 9076f163bea60e87b5d1aaed79d966572463d56d..9cc766859a9d4a022ab723aba4bdba395c09bd32 100644
--- a/docs/en/20-third-party/01-grafana.mdx
+++ b/docs/en/20-third-party/01-grafana.mdx
@@ -31,38 +31,41 @@ TDengine currently supports Grafana versions 7.5 and above. Users can go to the
### Install Grafana Plugin and Configure Data Source
-
+
-Set the url and authorization environment variables by `export` or a [`.env`(dotenv) file](https://hexdocs.pm/dotenvy/dotenv-file-format.html):
+Under Grafana 8, plugin catalog allows you to [browse and manage plugins within Grafana](https://grafana.com/docs/grafana/next/administration/plugin-management/#plugin-catalog) (but for Grafana 7.x, use **With Script** or **Install & Configure Manually**). Find the page at **Configurations > Plugins**, search **TDengine** and click it to install.
-```sh
-export TDENGINE_API=http://tdengine.local:6041
-# user + password
-export TDENGINE_USER=user
-export TDENGINE_PASSWORD=password
-
-# Other useful variables
-# - If to install TDengine data source, default is true
-export TDENGINE_DS_ENABLED=false
-# - Data source name to be created, default is TDengine
-export TDENGINE_DS_NAME=TDengine
-# - Data source organization id, default is 1
-export GF_ORG_ID=1
-# - Data source is editable in admin ui or not, default is 0 (false)
-export TDENGINE_EDITABLE=1
-```
+![Search tdengine in grafana plugins](./grafana/grafana-plugin-search-tdengine.png)
+
+Installation may cost some minutes, then you can **Create a TDengine data source**:
+
+![Install and configure Grafana data source](./grafana/grafana-install-and-config.png)
+
+Then you can add a TDengine data source by filling up the configuration options.
+
+![TDengine Database Grafana plugin add data source](./grafana/grafana-data-source.png)
+
+You can create dashboards with TDengine now.
+
+
+
-Run `install.sh`:
+In Grafana server, run `install.sh` with TDengine url and username/passwords will install TDengine data source plugin and add a data source named TDengine. This is the recommended way for Grafana 7.x or [Grafana provisioning](https://grafana.com/docs/grafana/latest/administration/provisioning/) users.
```sh
-bash -c "$(curl -fsSL https://raw.githubusercontent.com/taosdata/grafanaplugin/master/install.sh)"
+bash -c "$(curl -fsSL \
+ https://raw.githubusercontent.com/taosdata/grafanaplugin/master/install.sh)" -- \
+ -a http://localhost:6041 \
+ -u root \
+ -p taosdata
```
-With this script, TDengine data source plugin and the Grafana data source will be installed and created automatically with Grafana provisioning configurations. Save the script and type `./install.sh --help` for the full usage of the script.
+Restart Grafana service and open Grafana in web-browser, usually .
-And then, restart Grafana service and open Grafana in web-browser, usually .
+Save the script and type `./install.sh --help` for the full usage of the script.
+
Follow the installation steps in [Grafana](https://grafana.com/grafana/plugins/tdengine-datasource/?tab=installation) with the [``grafana-cli`` command-line tool](https://grafana.com/docs/grafana/latest/administration/cli/) for plugin installation.
@@ -115,6 +118,73 @@ Click `Save & Test` to test. You should see a success message if the test worked
![TDengine Database TDinsight plugin add database 4](./grafana/add_datasource4.webp)
+
+
+
+Please refer to [Install plugins in the Docker container](https://grafana.com/docs/grafana/next/setup-grafana/installation/docker/#install-plugins-in-the-docker-container). This will install `tdengine-datasource` plugin when Grafana container starts:
+
+```bash
+docker run -d \
+ -p 3000:3000 \
+ --name=grafana \
+ -e "GF_INSTALL_PLUGINS=tdengine-datasource" \
+ grafana/grafana
+```
+
+You can setup a zero-configuration stack for TDengine + Grafana by [docker-compose](https://docs.docker.com/compose/) and [Grafana provisioning](https://grafana.com/docs/grafana/latest/administration/provisioning/) file:
+
+1. Save the provisioning configuration file to `tdengine.yml`.
+
+ ```yml
+ apiVersion: 1
+ datasources:
+ - name: TDengine
+ type: tdengine-datasource
+ orgId: 1
+ url: "$TDENGINE_API"
+ isDefault: true
+ secureJsonData:
+ url: "$TDENGINE_URL"
+ basicAuth: "$TDENGINE_BASIC_AUTH"
+ token: "$TDENGINE_CLOUD_TOKEN"
+ version: 1
+ editable: true
+ ```
+
+2. Write `docker-compose.yml` with [TDengine](https://hub.docker.com/r/tdengine/tdengine) and [Grafana](https://hub.docker.com/r/grafana/grafana) image.
+
+ ```yml
+ version: "3.7"
+
+ services:
+ tdengine:
+ image: tdengine/tdengine:2.6.0.2
+ environment:
+ TAOS_FQDN: tdengine
+ volumes:
+ - tdengine-data:/var/lib/taos/
+ grafana:
+ image: grafana/grafana:8.5.6
+ volumes:
+ - ./tdengine.yml/:/etc/grafana/provisioning/tdengine.yml
+ - grafana-data:/var/lib/grafana
+ environment:
+ # install tdengine plugin at start
+ GF_INSTALL_PLUGINS: "tdengine-datasource"
+ TDENGINE_URL: "http://tdengine:6041"
+ #printf "$TDENGINE_USER:$TDENGINE_PASSWORD" | base64
+ TDENGINE_BASIC_AUTH: "cm9vdDp0YmFzZTEyNQ=="
+ ports:
+ - 3000:3000
+ volumes:
+ grafana-data:
+ tdengine-data:
+ ```
+
+3. Start TDengine and Grafana services: `docker-compose up -d`.
+
+Open Grafana , and you can add dashboard with TDengine now.
+
diff --git a/docs/en/20-third-party/grafana/grafana-data-source.png b/docs/en/20-third-party/grafana/grafana-data-source.png
new file mode 100644
index 0000000000000000000000000000000000000000..989ffcca0bf5baae8798b0695e259aca35f0442a
Binary files /dev/null and b/docs/en/20-third-party/grafana/grafana-data-source.png differ
diff --git a/docs/en/20-third-party/grafana/grafana-install-and-config.png b/docs/en/20-third-party/grafana/grafana-install-and-config.png
new file mode 100644
index 0000000000000000000000000000000000000000..b918da8b2d62e694fe1797e09cf8f23f103bc97e
Binary files /dev/null and b/docs/en/20-third-party/grafana/grafana-install-and-config.png differ
diff --git a/docs/en/20-third-party/grafana/grafana-plugin-search-tdengine.png b/docs/en/20-third-party/grafana/grafana-plugin-search-tdengine.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf3b66977b64f7dcd617f06024a66066cd62810e
Binary files /dev/null and b/docs/en/20-third-party/grafana/grafana-plugin-search-tdengine.png differ
diff --git a/docs/zh/20-third-party/01-grafana.mdx b/docs/zh/20-third-party/01-grafana.mdx
index 09c0d786cf5ac3fc9a6c5e6a72087be0b658454d..c43e1dbac46c02b0df8f9544e183f0e9bcf11416 100644
--- a/docs/zh/20-third-party/01-grafana.mdx
+++ b/docs/zh/20-third-party/01-grafana.mdx
@@ -29,39 +29,41 @@ TDengine 能够与开源数据可视化系统 [Grafana](https://www.grafana.com/
### 安装 Grafana Plugin 并配置数据源
-
+
-将集群信息设置为环境变量;也可以使用 `.env` 文件,请参考 [dotenv](https://hexdocs.pm/dotenvy/dotenv-file-format.html):
+使用 Grafana 最新版本(8.5+),您可以在 Grafana 中[浏览和管理插件](https://grafana.com/docs/grafana/next/administration/plugin-management/#plugin-catalog)(对于 7.x 版本,请使用 **安装脚本** 或 **手动安装并配置** 方式)。在 Grafana 管理界面中的 **Configurations > Plugins** 页面直接搜索并按照提示安装 TDengine。
-```sh
-export TDENGINE_API=http://tdengine.local:6041
-# user + password
-export TDENGINE_USER=user
-export TDENGINE_PASSWORD=password
-
-# 其他环境变量:
-# - 是否安装数据源,默认为 true,表示安装
-export TDENGINE_DS_ENABLED=false
-# - 数据源名称,默认为 TDengine
-export TDENGINE_DS_NAME=TDengine
-# - 数据源所属组织 ID,默认为 1
-export GF_ORG_ID=1
-# - 数据源是否可通过管理面板编辑,默认为 0,表示不可编辑
-export TDENGINE_EDITABLE=1
-```
+![Search tdengine in grafana plugins](grafana-plugin-search-tdengine.png)
+
+如图示即安装完毕,按照指示 **Create a TDengine data source** 添加数据源。
+
+![Install and configure Grafana data source](grafana-install-and-config.png)
+
+输入 TDengine 相关配置,完成数据源配置。
+
+![TDengine Database Grafana plugin add data source](./grafana-data-source.png)
+
+配置完毕,现在可以使用 TDengine 创建 Dashboard 了。
+
+
+
-运行安装脚本:
+对于使用 Grafana 7.x 版本或使用 [Grafana Provisioning](https://grafana.com/docs/grafana/latest/administration/provisioning/) 配置的用户,可以在 Grafana 服务器上使用安装脚本自动安装插件即添加数据源 Provisioning 配置文件。
```sh
-bash -c "$(curl -fsSL https://raw.githubusercontent.com/taosdata/grafanaplugin/master/install.sh)"
+bash -c "$(curl -fsSL \
+ https://raw.githubusercontent.com/taosdata/grafanaplugin/master/install.sh)" -- \
+ -a http://localhost:6041 \
+ -u root \
+ -p taosdata
```
-该脚本将自动安装 Grafana 插件并配置数据源。安装完毕后,需要重启 Grafana 服务后生效。
+安装完毕后,需要重启 Grafana 服务后方可生效。
保存该脚本并执行 `./install.sh --help` 可查看详细帮助文档。
-
+
使用 [`grafana-cli` 命令行工具](https://grafana.com/docs/grafana/latest/administration/cli/) 进行插件[安装](https://grafana.com/grafana/plugins/tdengine-datasource/?tab=installation)。
@@ -113,6 +115,73 @@ GF_INSTALL_PLUGINS=tdengine-datasource
![TDengine Database Grafana plugin add data source](./add_datasource4.webp)
+
+
+
+参考 [Grafana 容器化安装说明](https://grafana.com/docs/grafana/next/setup-grafana/installation/docker/#install-plugins-in-the-docker-container)。使用如下命令启动一个容器,并自动安装 TDengine 插件:
+
+```bash
+docker run -d \
+ -p 3000:3000 \
+ --name=grafana \
+ -e "GF_INSTALL_PLUGINS=tdengine-datasource" \
+ grafana/grafana
+```
+
+使用 docker-compose,配置 Grafana Provisioning 自动化配置,体验 TDengine + Grafana 组合的零配置启动:
+
+1. 保存该文件为 `tdengine.yml`。
+
+ ```yml
+ apiVersion: 1
+ datasources:
+ - name: TDengine
+ type: tdengine-datasource
+ orgId: 1
+ url: "$TDENGINE_API"
+ isDefault: true
+ secureJsonData:
+ url: "$TDENGINE_URL"
+ basicAuth: "$TDENGINE_BASIC_AUTH"
+ token: "$TDENGINE_CLOUD_TOKEN"
+ version: 1
+ editable: true
+ ```
+
+2. 保存该文件为 `docker-compose.yml`。
+
+ ```yml
+ version: "3.7"
+
+ services:
+ tdengine:
+ image: tdengine/tdengine:2.6.0.2
+ environment:
+ TAOS_FQDN: tdengine
+ volumes:
+ - tdengine-data:/var/lib/taos/
+ grafana:
+ image: grafana/grafana:8.5.6
+ volumes:
+ - ./tdengine.yml/:/etc/grafana/provisioning/tdengine.yml
+ - grafana-data:/var/lib/grafana
+ environment:
+ # install tdengine plugin at start
+ GF_INSTALL_PLUGINS: "tdengine-datasource"
+ TDENGINE_URL: "http://tdengine:6041"
+ #printf "$TDENGINE_USER:$TDENGINE_PASSWORD" | base64
+ TDENGINE_BASIC_AUTH: "cm9vdDp0YmFzZTEyNQ=="
+ ports:
+ - 3000:3000
+ volumes:
+ grafana-data:
+ tdengine-data:
+ ```
+
+3. 使用 docker-compose 命令启动 TDengine + Grafana :`docker-compose up -d`。
+
+打开 Grafana ,现在可以添加 Dashboard 了。
+
diff --git a/docs/zh/20-third-party/grafana-data-source.png b/docs/zh/20-third-party/grafana-data-source.png
new file mode 100644
index 0000000000000000000000000000000000000000..989ffcca0bf5baae8798b0695e259aca35f0442a
Binary files /dev/null and b/docs/zh/20-third-party/grafana-data-source.png differ
diff --git a/docs/zh/20-third-party/grafana-install-and-config.png b/docs/zh/20-third-party/grafana-install-and-config.png
new file mode 100644
index 0000000000000000000000000000000000000000..b918da8b2d62e694fe1797e09cf8f23f103bc97e
Binary files /dev/null and b/docs/zh/20-third-party/grafana-install-and-config.png differ
diff --git a/docs/zh/20-third-party/grafana-plugin-search-tdengine.png b/docs/zh/20-third-party/grafana-plugin-search-tdengine.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf3b66977b64f7dcd617f06024a66066cd62810e
Binary files /dev/null and b/docs/zh/20-third-party/grafana-plugin-search-tdengine.png differ