插件 〉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 graphics

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

更新日志

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)

特性 / 改进

  • 示例:添加 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)

初始版本