无法在 Grafana 中获取 HTML 面板布局

发布于 2025-01-14 19:49:14 字数 819 浏览 2 评论 0原文

我使用 Grafana 作为仪表板工具。在 Grafana 中，您可以插入多个面板，例如图表、常规值、文本等。

问题：

我正在插入一个可识别 HTML 的文本面板：

我在此面板中使用的代码：

<h1 style="color: rgb(0, 131, 173); text-align: center; font-weight: 500; line-height: 2; font-size: 25px; margin-top: 5%;">GENERATOR</h1>
<img src="/public/img/AuxEngineIcon.svg" width="50%" style="margin-left: auto; margin-right: auto; display: block;"/>

但是，使用此代码，面板如下所示：

面板

该面板还添加了自己的滚动条。

我要实现的是这样的：

实现

请注意我无法使用 CSS 文件，在线 INLINE CSS

希望有人能帮忙，先谢谢了！

原文

I'm using Grafana as a dashboard tool. In Grafana you cou can insert multiple panels such as, graphs, regular values, text, etc.

Problem:

I'm inserting a text panel that recognizes HTML:

Edit section for text panel

The code I'm using in this panel:

<h1 style="color: rgb(0, 131, 173); text-align: center; font-weight: 500; line-height: 2; font-size: 25px; margin-top: 5%;">GENERATOR</h1>
<img src="/public/img/AuxEngineIcon.svg" width="50%" style="margin-left: auto; margin-right: auto; display: block;"/>

However with this code the panel looks like this:

Panel

The panel has added it's own scrollbar aswell.

What I'm to achieve is something like this:

Achieve

Please note I cannot use a CSS file, online INLINE CSS

Hope someone can help, thanks in advance!

分享到QQ

分享到微博