grafana嵌入iframe,去除菜单和上方工具条


1.首先修改grafana的配置:etc/grafana/grafana.ini,修改下面这两个配置为true

 

2.由于项目使用了nginx,要启用https,需要修改下面这几个配置:(不需要启用https的可以跳过这一步)

 

 使用nginx代理需要设置allowed-origins,否则websoket连接会报400

 nginx配置文件中增加grafana的配置:

 

 nginx必须增加/grafana/api/live/ws的配置,否则websoket连接会报400

 3.html文件中增加iframe:

<iframe id="grafanaIframe" src="https://127.0.0.1:3000/grafana/d/ySz1PSF7k/influxdb-internals?orgId=1&from=1619857983343&to=1619857983343&theme=light&kiosk" height="800" width="1800"></iframe>

其中theme=light指主题颜色使用light,kiosk是隐藏左侧菜单、上方工具条

 4.vue.config.js配置代理:(用于匿名登录)

 

 

注意:iframe中src链接可以到grafana中获取

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM