利用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模式,输入查询语句:

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

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

便会出现饼状图,如下所示:

最后别忘了保存退出。

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

声明:疯人峰语|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 利用grafana让mysql数据生成饼图Pie Chart


做你想做的,不必管别人