你好,
我希望有人在让Grafana Poinels进入Lovelace前端的经验。我已经能够做到它,但它不是很漂亮。我使用的是最好的结果iframe.从Grafana分享选项卡片和与面板的链接。
iframe.
例如:
这来自于iframe.卡配置为:
类型:iframe url:> - https:// / grafana / d / 8p8ptz4iz /天气?orgid = 1和刷新= 10s&panelid = 6&fullscreen&kiosk = 1 spects_ratio:50%
但有几个问题:
听到任何经验丰富的任何经验的人都很棒。
谢谢,
缺口
玩宽高比。图表本身接近43%。由于滚动条,不知道它周围的窗口,但这将是一个良好的开始。
谢谢你的建议@tom_l.,肯定是50%的宽高比并不伟大。80%有一个易读有点清晰,但它没有解决大边界 - 它实际上使得沿底部更糟:
任何其他建议都非常欢迎!
我想这可能是一个格拉瓦纳问题而不是家庭助理?19463331伟德国际我的iframe卡没有边框,但我没有使用grafana。
快速谷歌建议grafana iframe有一个框架参数 - 也许尝试将其设置为零?
格式化指向图表的链接:
http:// ip:port / d-solo / 8p8ptz4iz /天气?orgid = 1&panelid = 6
太棒了,谢谢@lbdab.- 它很好地修复了边界问题。不幸的是,我还有垂直滚动条 - 任何想法如何摆脱它?
正确设置您的宽高比。
谢谢@tom_l.但这并没有帮助。的色鬼iframe.卡只适用于我设置的任何纵横比的垂直高度,但总有一个滚动条。
仔细观察,滚动条实际上似乎是Grafana图表的一部分而不是家庭助理。19463331伟德国际您是否可以指定图形上的图例,而不是它的下面的列表?
滚动条似乎是Grafana问题。
你在哪个版本的grafana?
啊 - 非常好的点。我的Grafana版本为5.1.3,可能会遭受您引用的问题。将更新并查看会发生什么。
太棒了,谢谢@andrewolphin.- 这是诀窍。将grafana升级到当前版本(6.2.5)修复了滚动条问题。
我确实必须修复一件事:新版本必须引入了一些新的安全功能,其中一个是默认情况下禁用iframe中的嵌入grafana面板。设置环境变量gf_security_allow_embedding = true在Docker容器中排序了。
gf_security_allow_embedding = true
谢谢所有人。现在我很高兴在Lovelace卡中与Grafana图表一起去疯狂!
在类似的观点(或不是?我刚刚用grafana开始)如何摆脱Grafana本身的卷轴。他们展示,但滚动无处可见,有点冗余。
您使用哪个Grafana共享选项(链接,嵌入,快照)?
链接和嵌入式在Lovelace中通过iframe呈现,但不会更新。我无法获得快照来工作。
帮助赞赏
我认为你的图表很漂亮。你能给我你的模板或者工作方式吗?
这是曾经回答过吗?我还需要帮助哪种方式获得最佳分享,特别是w / v3.0
有人有其他的信息吗?我正在分享,但无法在HomeAssistant中得到iframe渲染
嗨,所有,您使用了哪些设置,以便在iframe中更新您的grafana图表。当我刷新Lovelace接口时,我只更新数据。
我从不对iframe感到满意,因为我永远不会让它看起来或更新我想要的方式。我选择了使用mutliple命令行传感器抓住最新的图形图像。然后我将这些图像作为a的一部分通用相机。在此之后,我填充了我的Lovelace中的图像图片浏览卡片。我还提供了与实际Grafana应用程序的链接,以访问更多详细信息,如果我需要。
不错的选择!你能共享你的命令行吗?编辑:您可能使用HTTP API?(https://grafana.com/docs/http_api/snapshot/)
谢谢