插件 〉HTML 图形
HTML 图形
HTML 图形
用于显示对指标敏感的 HTML 和 SVG 图形的 Grafana 面板。
此插件的完整文档可在其网站上获取。
此插件受到了 marcuscalidus-svg-panel、aidanmountford-html-panel 和 aceiot-svg-panel 的高度启发。
在 Grafana Cloud 上安装 HTML graphics
在 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 graphics
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)
特性 / 改进
- 示例:添加 bundle 和 Grafana 变量示例
- 脚本:添加对 Grafana/模板变量的支持
错误修复
- SimpleOptions/codeData:修复数字显示字符串选项的问题
- SVGBaseFix:修复多个 href 的问题。
v0.0.1 (2020-09-10)
特性 / 改进
- Readme:添加更多信息。
- plugin.json:添加作者 url 和关键字。
- SVGBaseFix:更新注释中使用的链接。
- 截图:添加 open-sans-font-weight、building-overview、building-overview-edit 和 code-editor 截图。
错误修复
- plugin.json:修复日期格式错误的问题。
v0.0.0 (2020-09-07)
初始版本