利用grafana让mysql数据生成饼图Pie Chart

上次博文我们说到将mysql数据通过grafana框架展示出了折线图和柱状图，这次我们想要生成饼图。

由于grafana框架没有内置饼图的插件，所以我们需要手动安装这个插件。

step1

首先我们访问grafana官网https://grafana.com/ 在插件列表中找到饼图的插件，点开插件详情。或者直接访问饼图插件地址：

https://grafana.com/grafana/plugins/grafana-piechart-panel

阅读下方的提示，在选项卡Installation选项卡下面讲解了安装使用方法：

看介绍，可以通过命令安装，也可以通过上图的最后一行中得知，可以下载离线安装包zip文件放到plugins中安装。

这次我们使用离线安装的方式安装。

点击上图中的 download the .zip file，将插件文件下载到本地。

直接解压缩到grafana软件的grafana-6.5.2\data\plugins\ 目录下面。如下图：

至此，离线安装插件完成，其他插件的安装方式也一样。

顺便提一句，如果使用命令行的安装方式，可以在cmd中定位到grafana的bin目录下，然后运行官网提供的安装命令即可，命令同样会在软件data\plugins\ 目录下面自动下载一份插件，命令行安装我们手动离线下载的效果是一致的，两者二选其一即可，命令行安装的方式例如这样：

插件完成安装后，然后我们重启grafana服务。

step2

数据准备工作我们还是采用上篇博文中的收入和支出表，表内容不变：

也就是说，我们想通过饼图来展示收入和支出各自所占的比例。

step3

访问grafana服务：http://localhost:3000/

在Home Dashboard下，点击Create your first dashboard新建一个数据面板。

这次我们会发现在Visualization下面，多了一个Pie Chart图表类型。点击选择此图表类型。

在Query中选择数据来源来自MySQL。

在下方名为A的查询条件中选择Edit SQL模式，输入查询语句：

SELECT create_time AS "time", value,metric FROM testgraph WHERE $__timeFilter(create_time) ORDER BY create_time desc

SELECT
  create_time AS "time",
  value,metric 
FROM testgraph
WHERE
  $__timeFilter(create_time)
ORDER BY create_time desc

这个和上文中的折线图的sql语句几乎一致，只不过我们去掉了一个where条件，这次我们一条语句便可以查询出收入和支出两种状态的记录。

输入完毕后，我们点击编辑框外的空白处，在右上方选择最近7天的条件。

便会出现饼状图，如下所示：

最后别忘了保存退出。

可以去官网看看有什么好玩的插件。

Download as PDF