Ist das mit dem Grafana-Theme möglich?

Question

Ich verwende die neueste Version von Grafana (10 zum Zeitpunkt dieses Schreibens). Ich möchte einige meiner Grafana-Panels an einem anderen Ort/auf meiner eigenen Website einbetten. Die hellen und dunklen Themen von Grafana unterscheiden sich jedoch stark von den übrigen benutzerdefinierten Panels meiner Website.

Unterstützt/erlaubt Grafana Themen? Ich möchte ein benutzerdefiniertes Design erstellen, das nur in den eingebetteten Panels meiner Website verwendet wird, während es beim Surfen auf Grafana selbst mit dem Rest von Grafana identisch bleibt. Ist es möglich? Wenn nicht, was ist an diesem Thema möglich (vielleicht ein Plugin wie BoomTheme, aber es scheint nicht zu funktionieren, da sich bei der Installation nichts ändert/passiert und ich es nirgendwo in den Einstellungen finden kann)? Ich habe die gesamte Grafana-Dokumentation durchsucht und konnte nichts diesbezügliches finden.

Answer 1

一种方法是在仪表板中添加具有 HTML 模式的文本面板，并添加一些自定义 CSS 作为内容，例如：

<style type="text/css">
[data-testid="header-container"] {
  background-color:red;
}
</style>

编辑：如果您在文本面板显示中看到原始代码，则您可能需要设置disable_sanitize_html 在您的 grafana 设置中。

然后所有仪表板（包括面板）都使用此 CSS 进行样式设置，这是 kiosk 模式下的示例面板，路径为 https://[grafana 服务器域]/dashboard/new?orgId=1&viewPanel=1&kiosk