我的虚拟专用服务器上运行着一个 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_embedding = true 和 disable_sanitize_html = true。此视频对此进行了解释。
我复制了 Grafana 嵌入 HTML，将“localhost”替换为我的网站（cairanvanrooyen.com），然后粘贴到我的 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，这是问题的根源吗？