Grafana集成到自己的Web项目,通过搭建自己的实时数据监测与分析平台,把报表和图形展示集成到web项目进行整合开发,在网页上实现类似于Echarts的图形展示,构建领导驾驶舱大屏炫酷数据展示

前期准备

搭建自己的数据分析、统计、展示、报表平台。参考下列文章:

2019玩转TIG(Telegraf+Influxdb+Grafana),轻松几步搭建环境,通过各种表盘展示数据,对数据进行实时监控和分析(下)

2019玩转ELK(ElasticSearch + LogStash + Kibana = ELKStack),轻松几步搭建ELK环境,对数据进行实时监控和分析(下)

这两篇文章都有上一部分,有需要的可以去文章列表专栏查看。

目的

把数据分析与数据统计、展示、报表的Grafana集成到自己的Web项目,通过搭建自己的实时数据监测与分析平台,把报表和图形展示集成到web项目进行整合开发,在网页上实现类似于Echarts的图形展示,构建领导驾驶舱大屏炫酷数据展示。

Grafana集成到自己的Web项目

Web项目中我使用iframe直接嵌套进去的
在这里插入图片描述
但是浏览器缓存清除了或者session失效了,每次进入Web页面看Grafana的时候就需要重新登录,在官方社区查找,并没有太好的执行办法,最后决定把Grafana设置成匿名登录:

修改conf/ custom.ini目录下的默认配置文件内容:
找到:# enable anonymous access

在这里插入图片描述

然后重启grafana服务(systemctl restart grafana-server)就可以。

分享主页

. 在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

分享单个图表

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

结果如下
在这里插入图片描述

图表连接

在这里插入图片描述

设置报警

在这里插入图片描述

显示数据表

与图配合使用,显得更友好。

在这里插入图片描述
在这里插入图片描述
最后以数据表的形式展现。在图上面添加连接,跳转到表上面。
在这里插入图片描述

分享连接同上面一样。

发布了52 篇原创文章 · 获赞 37 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/u014374009/article/details/103083415