Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）-Toy模板网

这篇具有很好参考价值的文章主要介绍了Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

一. 背景介绍

在先前的博客文章中，我们搭建了Grafana ，它是一个开源的度量分析和可视化工具，可以通过将采集的数据分析、查询，然后进行可视化的展示，接下来我们重点介绍如何使用它来进行数据渲染图表展示

Docker安装Grafana-CSDN博客文章浏览阅读1.2k次，点赞25次，收藏22次。分析上述环境变量信息得知，需要把容器内的/etc/grafana、/var/lib/grafana、/var/log/grafana三个目录挂载到宿主机上以确保数据不随容器的停止而消失。GF_PATHS_CONFIG=/etc/grafana/grafana.ini 数据文件位置：GF_PATHS_DATA=/var/lib/grafana 根目录的位置。drwxr-xr-x. 5 grafana grafana 41 5月 22 20:59 grafana。# -d：在后台运行容器，并输出容器ID。_docker安装grafanahttps://blog.csdn.net/m0_56659620/article/details/135268077?spm=1001.2014.3001.5502

二. Grafana 数据源插件安装及配置

1. 点击管理下方插件进入该页面

2. 点击搜索栏对需要插件进行安装，我这里用到的两种插件为 MYSQL 与 JSON-API

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

3. 点击下方圈出红色部分进行安装

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

4. 输入 MYSQL 与 JSON-API与对应配置信息点击测试

（1） MYSQL (测试连接)

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

（2） JSON-API （测试连接）

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

三. Grafana 数据源用法

1. 菜单点击仪表盘进入配置页面

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

2. 点击添加可视化按钮（下列两种为导入）

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

3. 选取对应数据源

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

（1）MYSQL 数据源选取

Grafana（二）Grafana 两种数据源图表展示（json-api与数据库）,grafana

（2）JSON-API 数据源选取

接口请求为GET 接口数据源内容案例

data = {"msg": "操作成功", "code": 200,
        "data": [
            {"y_axis": 0, "x_axis": "2023-02", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-03", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-04", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-05", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-06", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-07", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-08", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-09", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-10", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-11", "x_axis_DictValue": None},
            {"y_axis": 0, "x_axis": "2023-12", "x_axis_DictValue": None},
            {"y_axis": 1170, "x_axis": "2024-01", "x_axis_DictValue": None}]}