你好,

我希望有人在让Grafana Poinels进入Lovelace前端的经验。我已经能够做到它,但它不是很漂亮。我使用的是最好的结果iframe.从Grafana分享选项卡片和与面板的链接。

例如:

这来自于iframe.卡配置为:

类型:iframe url:>  -  https://  / grafana / d / 8p8ptz4iz /天气?orgid = 1和刷新= 10s&panelid = 6&fullscreen&kiosk = 1 spects_ratio:50%

但有几个问题:

  • 之间有一个大灰色边界iframe.卡边缘和图表
  • 右边有一个奇怪的滚动条

听到任何经验丰富的任何经验的人都很棒。

谢谢,

缺口

1就像

玩宽高比。图表本身接近43%。由于滚动条,不知道它周围的窗口,但这将是一个良好的开始。

谢谢你的建议@tom_l.,肯定是50%的宽高比并不伟大。80%有一个易读有点清晰,但它没有解决大边界 - 它实际上使得沿底部更糟:


奇怪的是——滚动条这次没有出现——尽管它似乎随着窗口大小的不同而变化。

任何其他建议都非常欢迎!

我想这可能是一个格拉瓦纳问题而不是家庭助理?19463331伟德国际我的iframe卡没有边框,但我没有使用grafana。

快速谷歌建议grafana iframe有一个框架参数 - 也许尝试将其设置为零?

格式化指向图表的链接:

http:// ip:port / d-solo / 8p8ptz4iz /天气?orgid = 1&panelid = 6

1就像

太棒了,谢谢@lbdab.- 它很好地修复了边界问题。不幸的是,我还有垂直滚动条 - 任何想法如何摆脱它?

正确设置您的宽高比。

谢谢@tom_l.但这并没有帮助。的色鬼iframe.卡只适用于我设置的任何纵横比的垂直高度,但总有一个滚动条。

仔细观察,滚动条实际上​​似乎是Grafana图表的一部分而不是家庭助理。19463331伟德国际您是否可以指定图形上的图例,而不是它的下面的列表?

滚动条似乎是Grafana问题。

你在哪个版本的grafana?

1就像

啊 - 非常好的点。我的Grafana版本为5.1.3,可能会遭受您引用的问题。将更新并查看会发生什么。

太棒了,谢谢@andrewolphin.- 这是诀窍。将grafana升级到当前版本(6.2.5)修复了滚动条问题。

我确实必须修复一件事:新版本必须引入了一些新的安全功能,其中一个是默认情况下禁用iframe中的嵌入grafana面板。设置环境变量gf_security_allow_embedding = true在Docker容器中排序了。

谢谢所有人。现在我很高兴在Lovelace卡中与Grafana图表一起去疯狂!

1就像

在类似的观点(或不是?我刚刚用grafana开始)如何摆脱Grafana本身的卷轴。他们展示,但滚动无处可见,有点冗余。

您使用哪个Grafana共享选项(链接,嵌入,快照)?

链接和嵌入式在Lovelace中通过iframe呈现,但不会更新。我无法获得快照来工作。

帮助赞赏

你好,

我认为你的图表很漂亮。你能给我你的模板或者工作方式吗?

这是曾经回答过吗?
我还需要帮助哪种方式获得最佳分享,特别是w / v3.0

有人有其他的信息吗?我正在分享,但无法在HomeAssistant中得到iframe渲染

嗨,所有,您使用了哪些设置,以便在iframe中更新您的grafana图表。当我刷新Lovelace接口时,我只更新数据。

1就像

我从不对iframe感到满意,因为我永远不会让它看起来或更新我想要的方式。我选择了使用mutliple命令行传感器抓住最新的图形图像。然后我将这些图像作为a的一部分通用相机。在此之后,我填充了我的Lovelace中的图像图片浏览卡片。
我还提供了与实际Grafana应用程序的链接,以访问更多详细信息,如果我需要。


3喜欢

不错的选择!你能共享你的命令行吗?
编辑:您可能使用HTTP API?(https://grafana.com/docs/http_api/snapshot/

谢谢