Skip to content

Incompatible with agenty-flowcharting-panel #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
RedShift1 opened this issue Oct 29, 2020 · 6 comments
Closed

Incompatible with agenty-flowcharting-panel #7

RedShift1 opened this issue Oct 29, 2020 · 6 comments

Comments

@RedShift1
Copy link

RedShift1 commented Oct 29, 2020 •
edited
Loading

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
@RedShift1 RedShift1 changed the title Panels sometimes fail to load Incompatible with agenty-flowcharting-panel Oct 29, 2020
@RedShift1 RedShift1 mentioned this issue Oct 29, 2020
Closed
@RedShift1
Copy link
Author

algenty/grafana-flowcharting#235

@RedShift1
Copy link
Author

Possibly related: plotly/plotly.js#4563

@ae3e
Copy link
Owner

ae3e commented Nov 3, 2020

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...

@RedShift1
Copy link
Author

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

ae3e added a commit that referenced this issue Nov 4, 2020
@ae3e
Avoid Mathjax conflict with other librairies (#7)
5076652
@ae3e
Copy link
Owner

ae3e commented Nov 4, 2020

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

@RedShift1
Copy link
Author

Works perfectly now! Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@RedShift1 @ae3e