Currently gapit-htmlgraphics-panel doesn’t work with Grafana v8.3.4 and upwards. There is a fix for this, but Grafana hasn’t published the new gapit-htmlgraphics-panel release yet. You can manually download the latest release from github with
grafana-cli --pluginUrl https://github.com/gapitio/gapit-htmlgraphics-panel/releases/download/v2.0.2/gapit-htmlgraphics-panel-2.0.2.zip plugins install gapit-htmlgraphics-panel
Additional ways to download the plugin can be found on Installation | HTMLGraphics (Remember to switch from latest to specific version since latest is the latest release Grafana has released of the plugin, and not the actual latest release).
Issues related to the bug.
opened 03:52AM - 13 Jan 22 UTC
closed 09:13AM - 31 Jan 22 UTC
bug
<!--
Please use this template to create your bug report. By providing as much i… nfo as possible you help us understand the issue, reproduce it and resolve it for you quicker. Therefor take a couple of extra minutes to make sure you have provided all info needed.
PROTIP: record your screen and attach it as a gif to showcase the issue.
-->
**What happened**:
After installing the plugin and selecting the HTML graphics, an exception is thrown immediately:
An unexpected error happened
Detail:
Error: Illegal value for token color: #fff
at me (http://grafana.staged-by-discourse.com/public/build/react-monaco-editor.fb13e4673cc0c41043f4.js:1:15930)
at Ps (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:2162:3757)
at div
at Ls (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:2162:5745)
at WithTheme(undefined)
at div
at w (http://grafana.staged-by-discourse.com/public/plugins/gapit-htmlgraphics-panel/module.js:1:16459)
at _ (http://grafana.staged-by-discourse.com/public/plugins/gapit-htmlgraphics-panel/module.js:1:19510)
at div
at div
at p (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:422:27)
at div
at div
at http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:199:2304
at div
at div
at div
at t (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:775078)
at u (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:290:968)
at div
at div
at zn (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:275:590)
at div
at div
at tr (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:393:507)
at div
at t (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:426:3209)
at div
at t (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:426:5160)
at _r (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:426:10770)
at div
at div
at ia (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:486:6031)
at g (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1083974)
at div
at Mi (http://grafana.staged-by-discourse.com/public/build/DashboardPage.fb13e4673cc0c41043f4.js:574:3583)
at DashboardPage
at g (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1083974)
at n (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1053444)
at so (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:6608:181)
at t (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1101712)
at t (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1103733)
at main
at t (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1098330)
at div
at Qs (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:2171:1055)
at d (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:4495:26220)
at _l (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:2883:467)
at Nl (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:2883:1023)
at l (http://grafana.staged-by-discourse.com/public/build/2256.fb13e4673cc0c41043f4.js:2:1081540)
at Ho (http://grafana.staged-by-discourse.com/public/build/467.fb13e4673cc0c41043f4.js:6688:384)
**What you expected to happen**:
Show the panel edit page.
**How to reproduce it (as minimally and precisely as possible)**:
1. Install the plugin using command line:
`grafana-cli --pluginsDir "/Users/lyh/dev/src/grafana/plugins" plugins install gapit-htmlgraphics-panel`
2. Create a panel.
3. Select HTML graphics in the dropdown list.
**Anything else we need to know?**:
**Environment**:
- Grafana version: 8.3.3
- Plugin (gapit-htmlgraphics-panel) version: 2.0.1
- Data source type & version: build in datasource --Grafana--
- OS Grafana is installed on: macOS Monterey 12.1
- User OS & Browser: 97.0.4692.71 arm64
- Grafana plugins:
- Others:
opened 07:07PM - 06 Feb 22 UTC
closed 10:17PM - 11 Feb 22 UTC
bug
duplicate
**What happened**:
Installed the plugin via CLI. Went to add a new panel and se… lected the HTML panel. The error in the preview immediately shows: "Error loading: gapit-htmlgraphics-panel". The properties pane shows none of the expected settings either.
**What you expected to happen**:
Expected the panel to load with defaults.
**How to reproduce it (as minimally and precisely as possible)**:
Install it via CLI on Grafana Enterprise v8.3.4
Create new dashboard
Add new panel
Select Html
**Anything else we need to know?**:
Using Grafana Enterprise is that maybe not supported?
**Environment**:
K8, Linux
- Grafana version: Enterprise v8.3.4
- Plugin (gapit-htmlgraphics-panel) version: 2.0.1
