上次博文我们说到将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模式,输入查询语句:
1 2 3 4 5 6 7 |
SELECT create_time AS "time", value,metric FROM testgraph WHERE $__timeFilter(create_time) ORDER BY create_time desc |
这个和上文中的折线图的sql语句几乎一致,只不过我们去掉了一个where条件,这次我们一条语句便可以查询出收入和支出两种状态的记录。
输入完毕后,我们点击编辑框外的空白处,在右上方选择最近7天的条件。
便会出现饼状图,如下所示:
最后别忘了保存退出。
可以去官网看看有什么好玩的插件。
Comments | NOTHING