Giters

ae3e / ae3e-plotly-panel

Plotly panel for Grafana

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Incompatible with agenty-flowcharting-panel

RedShift1 opened this issue · comments

commented

Grafana version 7.2.2 and also 7.1.5
plotly-panel version 0.3.1
agenty-flowcharting-panel version: 0.9.0

This plugins seems to be conflicting with agenty-flowcharting-panel. When one is loaded prior to the other, the other will fail.

Sequence:

  1. Press CTRL+F5 for clean browser
  2. Go to dashboard with flowcharting panel: flowcharting OK
  3. Go to dashboard with plotly panel: plotly-panel fails to load
plugin_loader.ts:265 Error loading panel plugin: ae3e-plotly-panel TypeError: Cannot read property 'Config' of undefined
    at e.exports (/public/plugins/ae3e-plotly-panel/module.js:2)
    at Object.t.exports.695.../build/plotcss (/public/plugins/ae3e-plotly-panel/module.js:2)
    at a (/public/plugins/ae3e-plotly-panel/module.js:2)
    at eval (/public/plugins/ae3e-plotly-panel/module.js:2)
    at Object.t.exports.14.../src/core (/public/plugins/ae3e-plotly-panel/module.js:2)
    at a (/public/plugins/ae3e-plotly-panel/module.js:2)
    at eval (/public/plugins/ae3e-plotly-panel/module.js:2)
    at Object.t.exports.26../aggregate (/public/plugins/ae3e-plotly-panel/module.js:2)
    at a (/public/plugins/ae3e-plotly-panel/module.js:2)
    at t (/public/plugins/ae3e-plotly-panel/module.js:2)

image

  1. Press CTRL+F5 for clean browser
  2. Go to dashboard with plotly panel: plotly-panel OK
  3. Go to dashboard with flowcharting panel: flowcharting fails to load
commented

Thanks for reporting this issue and pointed me in the right direction.
I didn't find yet a way to solve it right in the plugin but, if you have your own instance of Grafana, you can add this line window.PlotlyConfig = {MathJaxConfig: 'local'} in the <script> tag of the grafana-7.x.x/public/views/index.html file and restart Grafana.

<!DOCTYPE html>
<html lang="en">
  <head>
    <script>

       //INSERT CODE HERE
       window.PlotlyConfig = {MathJaxConfig: 'local'}

      // https://github.com/GoogleChromeLabs/tti-polyfill
      !(function() {
        if ('PerformanceLongTaskTiming' in window) {
          var g = (window.__tti = { e: [] });

Then it should work again...

commented

Thanks. I tested the workaround and it fixes '1) flowcharting -> 2) plotly' but not '1) plotly -> 2) flowcharting'

commented

I published a new version (v0.3.2) that fixes the 2 bugs.
I hope it will work this time! 😉

commented

Works perfectly now! Thanks!