前端页面引入grafana

要在前端页面中引入Grafana，可以使用Grafana提供的嵌入式面板功能。嵌入式面板允许将Grafana面板嵌入到其他网站或应用程序中。

要嵌入Grafana面板，需要执行以下步骤：

1. 在Grafana中创建一个面板，并确保它已经被保存和发布。

2. 从Grafana中获取嵌入式URL。要获取嵌入式URL，请在仪表板中单击“共享”按钮，然后单击“嵌入式面板”选项卡。从这里，您可以复制嵌入式URL。

3. 在前端页面中创建一个iframe元素，并将其src属性设置为嵌入式URL。

4. 调整iframe的大小以适应您的前端页面。

以下是一个示例代码片段，可以将Grafana面板嵌入到前端页面中：

<iframe src="https://your-grafana-url.com/d-solo/your-dashboard-slug/your-panel-slug?orgId=1&theme=light&panelId=2&fullscreen&from=now-1h&to=now" width="100%" height="500" frameborder="0"></iframe>

在这个代码片段中，您需要将URL替换为您自己的Grafana URL，您的仪表板和面板的slug，以及适合您的前端页面的宽度和高度。