在Django Web应用中嵌入实时Grafana仪表盘的技术咨询
Django嵌入实时Grafana面板并自动滚动到当前时间的解决方案
1. 生成Grafana实时面板的嵌入代码
- 打开Grafana目标面板,点击右上角「分享」按钮
- 在分享窗口切换到「Embed」标签,取消勾选「Snapshot」选项(快照是静态不可实时更新的,取消后才会生成实时链接)
- 按需设置时间范围(比如选「Last 1 hour」)并勾选「Auto-refresh」,设置合适的刷新间隔(如30秒)
- 复制生成的iframe代码
2. 在Django模板中嵌入实时iframe
- 打开对应Django模板文件(如
templates/dashboard.html),直接粘贴复制的iframe代码,示例如下:
<iframe src="http://你的Grafana域名/d/面板ID/仪表盘名称?orgId=1&panelId=2&from=now-1h&to=now&refresh=30s" width="800" height="400" frameborder="0" scrolling="no"> </iframe>
- 配置Grafana允许跨域嵌入:编辑Grafana的
grafana.ini配置文件,设置allow_embedding = true,并在[security]区块添加frame_origin = http://你的Django域名,重启Grafana服务生效
3. 验证效果
- 启动Django服务,访问嵌入面板的页面,面板会自动滚动到当前时间点,并按设置的间隔刷新数据
内容的提问来源于stack exchange,提问作者Anshuman Verma
相关产品推荐
相关产品推荐

