插件 〉HTML 图形
HTML 图形
HTML 图形
用于显示指标敏感的 HTML 和 SVG 图形的 Grafana 面板。
该插件的完整文档可在网站上找到。
此插件受到marcuscalidus-svg-panel、aidanmountford-html-panel和aceiot-svg-panel的启发。
在 Grafana Cloud 上安装 HTML 图形
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
在 Grafana Cloud 实例上安装插件只需一键即可安装;更新也是如此。很酷,对吧?
请注意,可能需要长达 1 分钟才能在您的 Grafana 中看到插件显示。
有关更多信息,请访问有关插件安装的文档。
在本地 Grafana 上安装
对于本地实例,插件是通过简单的 CLI 命令安装和更新的。插件不会自动更新,但是当更新可用时,您将在 Grafana 中收到通知。
1. 安装面板
使用 grafana-cli 工具从命令行安装 HTML 图形
grafana-cli plugins install
插件将安装到您的 grafana 插件目录中;默认目录为 /var/lib/grafana/plugins。有关 cli 工具的更多信息。
2. 将面板添加到仪表盘
已安装的面板会立即在 Grafana 主菜单的仪表盘部分中可用,并且可以像 Grafana 中的任何其他核心面板一样添加。
要查看已安装面板的列表,请点击主菜单中的**插件**项。核心面板和已安装面板都将显示。
变更日志
v2.1.1 (2022-08-11)
功能/增强
- 声明:添加缺少的声明描述 301e69a
v2.1.0 (2022-08-09)
功能/增强
v2.0.3 (2022-03-07)
功能/增强
- 仓库:添加不带版本号的发布文件 1a8b313
v2.0.2 (2022-01-31)
功能/增强
- 仓库:更新 grafana 包以与最新 grafana 版本 (8.3.4) 兼容
v2.0.1 (2022-01-10)
错误修复
v2.0.0 (2021-11-30)
功能/增强
重大更改
不保存导入/导出选项 (importedPanelOptions
)
将保存的面板选项大小减半。这可能会对检查此选项的代码产生一些影响。选项更改只有在触发导入/导出部分的更改/保存时才会发生。
v1.5.0 (2021-10-28)
功能/增强
错误修复
- 仓库:修复退出编辑模式时触发 onInit 的问题 #59
v1.4.1 (2021-10-28)
功能/增强
- 仓库:在警报组件中显示错误消息 #54
错误修复
- 仓库:修复默认 onRender 代码导致错误的问题 acec820
v1.4.0 (2021-10-20)
功能/增强
- 代码编辑器:仅在编辑模式下加载声明 #49
- 选项:添加股票字段和覆盖选项卡 #24
- 选项:添加根 CSS #44
- 选项:添加 calcs 变异 #47
- 引用:集中引用 (htmlGraphics) #30
- 引用:公开属性 #36
- 引用:添加 panelwillunmount 事件 #37
- 网站:添加网站 #39
错误修复
- 引用:修复自定义属性上缺少类型的问题 #31
重大更改
v1.3.3 (2021-04-12)
错误修复
- 仓库:修复错误未记录到控制台的问题 #22
v1.3.2 (2021-04-07)
错误修复
- 仓库:修复编辑器无法使用子路径加载的问题 #20
v1.3.1 (2021-02-12)
功能/增强
- 仓库:将 grafana 版本更改为此插件最早可用的版本 (7.1.0)
v1.3.0 (2021-02-11)
功能/增强
- onInit:添加 onpanelupdate 事件、dynamicData 选项和“挂载时触发 panelupdate”选项 #10
错误修复
- 导入/导出:修复导入/更改导入选项中的值时面板选项未更新的问题 #13
v1.2.0 (2020-12-18)
功能/增强
v1.1.0 (2020-12-4)
功能/增强
- 仓库:添加默认配置以显示如何连接 CSS、HTML、JS 和 customProperties。
- 仓库:codeData 已重命名为 customProperties。codeData 仍然可用,并且大多数内部代码仍然使用 codeData 以实现向后兼容。
- 选项:简化字段名称和描述。
- 选项:将 CSS、HTML、onRender 和 onInit 移动到“显示”类别。
错误修复
- HTML/SVG 文档:修复删除所有代码后 html 未更新的问题
- 将内容调整到面板:修复 html 元素无法调整到面板的问题
重大更改
- 从旧版本创建的面板将在 CSS、HTML/SVG 文档、onInit、onRender 和 customProperties 中添加默认值,前提是它们未更改(如果字段/选项已更改,则不会被默认值覆盖)。
v1.0.0 (2020-11-20)
功能/增强
重大更改
- 由于新的包格式,解包它可能会出现问题。
v0.0.4 (2020-10-22)
功能/增强
- 代码编辑器:支持离线
v0.0.3 (2020-10-06)
功能/增强
- 代码编辑器:更好的 Grafana 类型以实现自动完成
- codeData:添加一个折叠标题图标
v0.0.2 (2020-09-28)
功能/增强
- 示例:添加捆绑包和 Grafana 变量示例
- 脚本:添加对 Grafana/模板变量的支持
错误修复
- SimpleOptions/codeData:修复数字显示字符串选项的问题
- SVGBaseFix:修复多个 href 出现的问题。
v0.0.1 (2020-09-10)
功能/增强
- 自述文件:添加更多信息。
- plugin.json:添加作者网址和关键字。
- SVGBaseFix:更新注释中使用的链接。
- 屏幕截图:添加 open-sans-font-weight、building-overview、building-overview-edit 和 code-editor 屏幕截图。
错误修复
- plugin.json:修复错误的日期格式。
v0.0.0 (2020-09-07)
初始版本