插件 〉HTML 图形

面板
社区

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
  • 仓库!:不保存导入/导出选项 (importedPanelOptions) 211e35b

重大更改

不保存导入/导出选项 (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
  • 选项:添加 calcs 变异 #47
  • 引用:集中引用 (htmlGraphics) #30
  • 引用:公开属性 #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 选项和“挂载时触发 panelupdate”选项 #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/模板变量的支持

错误修复

  • 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)

初始版本