前期准备

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

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

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

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

目的

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

Grafana集成到自己的Web项目

Web项目中我使用iframe直接嵌套进去的

84a81c9eda140f34c74c82f53d384fcd.png

但是浏览器缓存清除了或者session失效了,每次进入Web页面看Grafana的时候就需要重新登录,在官方社区查找,并没有太好的执行办法,最后决定把Grafana设置成匿名登录:

修改conf/ custom.ini目录下的默认配置文件内容:

找到:# enable anonymous access

ff23d4bd8184520268ca133cecb9ec9c.png

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

分享主页

. 73bee76b5ce75bce917f50b607d767a2.png

12b1c997786e6319a2a829e9940d2e71.png

fc2537f46b4ef37cced0a3f9b9709798.png

分享单个图表

afcf6f79960be15eaf3980b56ab5ca3d.png

704174d46fe9f8822e1976fa84a902d8.png

170e210e348eef2cb55ab5fa3a9d5512.png

结果如下

3789cfae4b34b6a1cddb74390c095ba5.png

图表连接

a70a6a0b87ff533c754ad285718c4dd0.png

设置报警

5b622b1733f298861b08af5e790b7018.png

显示数据表

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

cca7effbb200900dce01011c5b0dd7a7.png

44efb5b40ea3af7c42b4432886edec85.png

最后以数据表的形式展现。在图上面添加连接,跳转到表上面。

dec91b45476ffae93ea8c338267c8bc1.png

分享连接同上面一样。

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐