为什么我的Grafana iframe不会显示在我的Wordpress网站上?

我的虚拟专用服务器上运行着一个Grafana服务器,该服务器正在绘制室内空气质量数据。我想在Wordpress页面上分享这些图表的实时版本。

Grafana可以通过“嵌入”选项共享图形,见下图:

<iframe src="http://localhost:3000/d-solo/ee8atzwmton40a/mamas?orgId=1&from=1735442176105&to=1735485376105&timezone=browser&refresh=5m&panelId=1&__feature.dashboardSceneSolo" width="450" height="200" frameborder="0"></iframe>

为了共享此图,我更改了Grafana配置文件,使allow_bembedment=true和disable_sanitize_html=true。这在 this 视频。

我复制了Grafana嵌入HTML,用我的网站(cairanvanrooyen.com)替换了“localhost”,并粘贴到我的WordPress网站上( https://cairanvanrooyen.com/2024/12/28/ieq-monitoring-test-page/ ):

<iframe src="http://cairanvanrooyen.com:3000/d-solo/ee8atzwmton40a/mamas?orgId=1&from=1735442176105&to=1735485376105&timezone=browser&refresh=5m&panelId=1&__feature.dashboardSceneSolo" width="450" height="200" frameborder="0"></iframe>

然而,此iframe显示为空框。。。

实时Grafana图似乎可以从外部访问并实时显示: http://cairanvanrooyen.com:3000/d-solo/ee8atzwmton40a/mamas?orgId=1&from=1735442176105&to=1735485376105&timezone=browser&refresh=5m&panelId=1&__feature.dashboardSceneSolo

为什么Grafana图形不显示在我的WordPress网站上?我注意到Grafana是HTTP,而不是HTTPS,这是问题的根源吗?