> For the complete documentation index, see [llms.txt](https://gitbook.gpg123.vip/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gitbook.gpg123.vip/prometheus-book/parti-prometheus-ji-chu/quickstart/prometheus-quick-start/use-grafana-create-dashboard.md).

# 监控数据可视化

Prometheus UI提供了快速验证PromQL以及临时可视化支持的能力，而在大多数场景下引入监控系统通常还需要构建可以长期使用的监控数据可视化面板（Dashboard）。这时用户可以考虑使用第三方的可视化工具如Grafana，Grafana是一个开源的可视化平台，并且提供了对Prometheus的完整支持。

```
docker run -d -p 3000:3000 grafana/grafana
```

访问<http://localhost:3000>就可以进入到Grafana的界面中，默认情况下使用账户admin/admin进行登录。在Grafana首页中显示默认的使用向导，包括：安装、添加数据源、创建Dashboard、邀请成员、以及安装应用和插件等主要流程:

![Grafana向导](https://1384897018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpZ5crf9SiJd9roNQpYzr%2Fuploads%2Fgit-blob-6085f76cc1e450f6d0aa9a85f7106417d423a768%2Fget_start_with_grafana2.png?alt=media)

这里将添加Prometheus作为默认的数据源，如下图所示，指定数据源类型为Prometheus并且设置Prometheus的访问地址即可，在配置正确的情况下点击“Add”按钮，会提示连接成功的信息：

![添加Prometheus作为数据源](https://1384897018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpZ5crf9SiJd9roNQpYzr%2Fuploads%2Fgit-blob-3a0c4653c282c91809206fc10919b661a0117ebc%2Fadd_default_prometheus_datasource.png?alt=media)

在完成数据源的添加之后就可以在Grafana中创建我们可视化Dashboard了。Grafana提供了对PromQL的完整支持，如下所示，通过Grafana添加Dashboard并且为该Dashboard添加一个类型为“Graph”的面板。 并在该面板的“Metrics”选项下通过PromQL查询需要可视化的数据：

![第一个可视化面板](https://1384897018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpZ5crf9SiJd9roNQpYzr%2Fuploads%2Fgit-blob-3e44e23411ee7cac4b9d5c51d90213c10dfac59a%2Ffirst_grafana_dashboard.png?alt=media)

点击界面中的保存选项，就创建了我们的第一个可视化Dashboard了。 当然作为开源软件，Grafana社区鼓励用户分享Dashboard通过<https://grafana.com/dashboards>网站，可以找到大量可直接使用的Dashboard：

![用户共享的Dashboard](https://1384897018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpZ5crf9SiJd9roNQpYzr%2Fuploads%2Fgit-blob-1f3ffd1e689dc499297be186937ecb7062f270ed%2Fgrafana_dashboards.png?alt=media)

Grafana中所有的Dashboard通过JSON进行共享，下载并且导入这些JSON文件，就可以直接使用这些已经定义好的Dashboard：

![Host Stats Dashboard](https://1384897018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpZ5crf9SiJd9roNQpYzr%2Fuploads%2Fgit-blob-609589ebf855d5f512f8071c81b915c06e1fb401%2Fnode_exporter_dashboard.png?alt=media)