插件 〉HTML图形


开发者

Gapit


注册以接收偶尔的产品新闻和更新



面板
社区

HTML 图形

  • 概述
  • 安装
  • 变更日志
  • 相关内容

HTML 图形

Marketplace Downloads

GitHub release (latest by date) GitHub all releases

GitHub Repo stars GitHub Workflow Status License PRs welcome

用于显示敏感指标的 HTML 和 SVG 图形的 Grafana 面板。

插件的完整文档可在网站上找到。

Preview

此插件深受 marcuscalidus-svg-panelaidanmountford-html-panelaceiot-svg-panel 的启发。

在 Grafana Cloud 上安装 HTML 图形

有关更多信息,请访问插件安装文档。

变更日志

v2.1.1 (2022-08-11)

功能/增强

  • 声明:添加缺失的声明描述 301e69a

v2.1.0 (2022-08-09)

功能/增强

  • 选项:添加Grafana滚动条 #111
  • 声明:更精确的声明 #113
  • 仓库:添加locationService #117

v2.0.3 (2022-03-07)

功能/增强

  • 仓库:添加不带版本号的发布文件 1a8b313

v2.0.2 (2022-01-31)

功能/增强

  • 仓库:更新Grafana包以与最新版本的Grafana(8.3.4)兼容

v2.0.1 (2022-01-10)

错误修复

  • 仓库:修复与动态变量的不一致 #77
  • 仓库:修复面板加载时fieldDisplayValues未定义 #72
  • 选项:修复错误的默认calcs值 #75

v2.0.0 (2021-11-30)

版本说明 v2.0.0

功能/增强

  • 仓库:添加更好的calcs突变处理程序 a7abb76
  • 仓库!:不保存导入/导出选项(importedPanelOptions211e35b

重大更改

不保存导入/导出选项(importedPanelOptions

将保存的面板选项的大小减半。这可能会对检查此选项的代码产生影响。选项更改不会在触发导入/导出部分的更改/保存之前发生。

v1.5.0 (2021-10-28)

功能/增强

  • 仓库:添加动态属性 #55
  • 仓库:添加动态htmlGraphics #56
  • 仓库:添加onInitOnResize #63

错误修复

  • 仓库:修复onInit在离开编辑模式时触发 #59

v1.4.1 (2021-10-28)

功能/增强

  • 仓库:在警报组件中显示错误消息 #54

错误修复

  • 仓库:修复默认onRender代码导致错误 acec820

v1.4.0 (2021-10-20)

功能/增强

  • 代码编辑器:仅加载编辑模式中的声明 #49
  • 选项:添加库存字段和覆盖选项卡 #24
  • 选项:添加根CSS #44
  • 选项:添加计算突变 #47
  • 参考:集中参考(htmlGraphics) #30
  • 参考:公开 props #36
  • 参考:添加 panelwillunmount 事件 #37
  • 网站:添加网站 #39

错误修复

  • 参考:修复自定义属性中缺失的类型 #31

重大更改

  • 代码编辑器:使用集成代码编辑器 #38。此更改的最新版本需要 Grafana v8.2.0+。这还修复了 #32

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 选项以及“在挂载时触发面板更新”选项 #10

错误修复

  • 导入/导出:修复导入/更改导入选项中的值时面板选项未更新 #13

v1.2.0 (2020-12-18)

功能/增强

  • 选项:添加溢出单选选项 #8
  • 选项:添加面板选项的导入和导出 #9

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/template 变量的支持

错误修复

  • SimpleOptions/codeData:修复显示字符串选项的数字
  • SVGBaseFix:修复多个 href 的问题

v0.0.1 (2020-09-10)

功能/增强

  • README:添加更多信息。
  • plugin.json:添加作者 URL 和关键词。
  • SVGBaseFix:更新注释中使用的链接。
  • 屏幕截图:添加 open-sans-font-weight、building-overview、building-overview-edit 和代码编辑器截图。

错误修复

  • plugin.json:修复错误日期格式。

v0.0.0(2020-09-07)

初始