Plugins 〉HTML graphics
HTML graphics
HTML graphics
Grafana panel for displaying metric sensitive HTML and SVG graphics.
Full documentation for the plugin is available on the website.
This plugin is highly inspired by marcuscalidus-svg-panel, aidanmountford-html-panel, and aceiot-svg-panel.
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
.h4 . .mb-0 }
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Grafana Cloud Free
- Free tier: Limited to 3 users
- Paid plans: $55 / user / month above included usage
- Access to all Enterprise Plugins
- Fully managed service (not available to self-manage)
Self-hosted Grafana Enterprise
- Access to all Enterprise plugins
- All Grafana Enterprise features
- Self-manage on your own infrastructure
Installing HTML graphics on Grafana Cloud:
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
Installing plugins on a Grafana Cloud instance is a one-click install; same with updates. Cool, right?
Note that it could take up to 1 minute to see the plugin show up in your Grafana.
For more information, visit the docs on plugin installation.
Installing on a local Grafana:
For local instances, plugins are installed and updated via a simple CLI command. Plugins are not updated automatically, however you will be notified when updates are available right within your Grafana.
1. Install the Panel
Use the grafana-cli tool to install HTML graphics from the commandline:
grafana-cli plugins install
The plugin will be installed into your grafana plugins directory; the default is /var/lib/grafana/plugins. More information on the cli tool.
Alternatively, you can manually download the .zip file for your architecture below and unpack it into your grafana plugins directory.
Alternatively, you can manually download the .zip file and unpack it into your grafana plugins directory.
2. Add the Panel to a Dashboard
Installed panels are available immediately in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.
To see a list of installed panels, click the Plugins item in the main menu. Both core panels and installed panels will appear.
Changelog
v2.1.1 (2022-08-11)
Features / enhancements
- Declarations: Add missing declaration descriptions 301e69a
v2.1.0 (2022-08-09)
Features / enhancements
- Options: Add Grafana scrollbar #111
- Declarations: More accurate declarations #113
- Repo: Add locationService #117
v2.0.3 (2022-03-07)
Features / enhancements
- Repo: Add release files without the version number 1a8b313
v2.0.2 (2022-01-31)
Features / enhancements
- Repo: Update grafana packages to work with latest grafana version (8.3.4)
v2.0.1 (2022-01-10)
Bug fixes
- Repo: Fix inconsistency with dynamic variables #77
- Repo: Fix fieldDisplayValues is undefined on panel load #72
- Options: Fix wrong default calcs value #75
v2.0.0 (2021-11-30)
Features / enhancements
- Repo: Add better calcs mutation handler a7abb76
- Repo!: Don't save the import/export option (
importedPanelOptions
) 211e35b
Breaking changes
Don't save the import/export option (importedPanelOptions
)
Halves the size of the saved panel options. This might have some effects on code that checks this option. The options change doesn't happen until a change/save in the import/export section is triggered.
v1.5.0 (2021-10-28)
Features / enhancements
Bug fixes
- Repo: Fix onInit triggers when leaving edit mode #59
v1.4.1 (2021-10-28)
Features / enhancements
- Repo: Show error message in the alert component #54
Bug fixes
- Repo: Fix default onRender code causes error acec820
v1.4.0 (2021-10-20)
Features / enhancements
- Code editor: Only load declarations in edit mode #49
- Options: Add stock field and overrides tabs #24
- Options: Add root css #44
- Options: Add calcs mutation #47
- References: Centralize references (htmlGraphics) #30
- References: Expose props #36
- References: Add panelwillunmount event #37
- Website: Add website #39
Bug fixes
- References: Fix missing type on custom properties #31
Breaking changes
- Code editor: Use the integrated code editor #38. Latest version that works with this change requires v8.2.0+ of Grafana. This also fixes #32.
v1.3.3 (2021-04-12)
Bug fixes
- Repo: Fix errors not logged in the console #22
v1.3.2 (2021-04-07)
Bug fixes
- Repo: Fix editor not loading with sub path #20
v1.3.1 (2021-02-12)
Features / enhancements
- Repo: Change the grafana version to the earliest working for this plugin (7.1.0)
v1.3.0 (2021-02-11)
Features / enhancements
- onInit: Add onpanelupdate events, dynamicData option, and "Trigger panelupdate when mounted" option #10
Bug fixes
- Import/Export: Fix panel options not updating when importing/changing values in the import option #13
v1.2.0 (2020-12-18)
Features / enhancements
v1.1.0 (2020-12-4)
Features / enhancements
- Repo: Add default configuration to show how to connect CSS, HTML, JS, and customProperties.
- Repo: codeData has been renamed customProperties. codeData is still available, and most of the internal code still uses codeData for backwards compatibility.
- Options: Simplify field names and description.
- Options: Move CSS, HTML, onRender, and onInit to the Display category.
Bug fixes
- HTML/SVG document: Fix html not updating after removing all code
- Fit content to panel: Fix html elements not fitting to panel
Breaking changes
- Panels made from older versions will add default values to CSS, HTML/SVG document, onInit, onRender, and customProperties if they are unchanged (If the field/option has been changed, they will not be overridden by the default value).
v1.0.0 (2020-11-20)
Features / enhancements
- Repo: Use the new package format
- Repo: Sign the plugin
Breaking changes
- Since the new package format, there might be problems unpacking it.
v0.0.4 (2020-10-22)
Features / enhancements
- Code editor: Support offline
v0.0.3 (2020-10-06)
Features / enhancements
- Code editor: Better Grafana types for autocompletion
- codeData: Add a collapse header icon
v0.0.2 (2020-09-28)
Features / enhancements
- Examples: Add bundle and Grafana variable example
- Scripts: Add support for Grafana/template variables
Bug fixes
- SimpleOptions/codeData: Fix number showing string option
- SVGBaseFix: Fix problem with multiple href.
v0.0.1 (2020-09-10)
Features / enhancements
- Readme: Add more information.
- plugin.json: Add author url and keywords.
- SVGBaseFix: Update links used in the comments.
- Screenshots: Add open-sans-font-weight, building-overview, building-overview-edit and code-editor screenshot.
Bug fixes
- plugin.json: Fix wrong date format.
v0.0.0 (2020-09-07)
Initial