解决 iframe 嵌入 grafana 问题

grafana 所有配置参考官网https://grafana.com/docs/grafana/latest/administration/configuration/一、添加仪表盘首先启动 grafana 添加一个仪表盘，为了测试简单我是用的grafana 自带的二、test.html 测试<!DOCTYPE html><html><head><met

不懂一休

21520人浏览 · 2021-11-11 18:15:42

不懂一休 · 2021-11-11 18:15:42 发布

grafana 所有配置参考官网https://grafana.com/docs/grafana/latest/administration/configuration/

一、添加仪表盘

首先启动 grafana 添加一个仪表盘，为了测试简单我是用的 grafana 自带的
在这里插入图片描述

二、test.html 测试

点击仪表盘分享，选择嵌入，复制代码粘贴到 html 中
在这里插入图片描述
HTML嵌入

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>grafanna</title>
</head>
<body>
    <h1>测试 iframe 嵌入 grafana</h1>
	<iframe src="http://localhost:3000/d-solo/v20i9D5nz/1212?orgId=1&from=1636600498618&to=1636622098618&theme=light&panelId=2" 
	width="650" height="400" frameborder="0"></iframe>
	</body>
</html>