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