Skip to content
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.

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

Weird Rendering bug in Grafana v7.3.0 (bf8837f6f8) #37

Open
Breee opened this issue Nov 19, 2020 · 9 comments
Open

Weird Rendering bug in Grafana v7.3.0 (bf8837f6f8) #37

Breee opened this issue Nov 19, 2020 · 9 comments

Comments

@Breee
Copy link

Breee commented Nov 19, 2020

When I choose the plugin as visualization the following happens:
wtfwtf

@bryantlin
Copy link

I have the same problem. Is it because of the latest Grafana version?

@The-J-Bird
Copy link

I've noticed this too in the exact same version of Grafana

@madnanadnan
Copy link

Issue persistent with my deployment also. Anyone with known fixes?

@djrm05
Copy link

djrm05 commented Nov 27, 2020

seeing the same :( Any workaround or fix?

@MathieuEtchepare
Copy link

MathieuEtchepare commented Dec 1, 2020

Hi guys, I found out that we could fix that bug by modifying the css file of the plugin (dist/css/groupedBarChart.css).
You just have to add on the first line #chart, which gives you :
#chart svg { width: 100%; height: 100%; position: center; }

For some reason, it seems that css code is not scoped to the panel anymore I think, this is why every icon becomes so big.
This change adds this scope.

Have a nice day :)

@Breee
Copy link
Author

Breee commented Dec 1, 2020

For some reason, it seems that css code is not scoped to the panel anymore I think, this is why every icon becomes so big.
This change adds this scope.

Thx for the workaround.
Would prefer a fix in the plugin itself, because it sucks to Provision multiple grafana instances with a hacky workaround ^^

@MathieuEtchepare
Copy link

MathieuEtchepare commented Dec 1, 2020

Well, this is not a hacky workaround, this is the fix that should be done.
But since the repo owner did not give you an answer in 12 days...
I can't give you more 😄
But yeah, that sucks

@HereticSK
Copy link

Hi guys, I found out that we could fix that bug by modifying the css file of the plugin (dist/css/groupedBarChart.css).
You just have to add on the first line #chart, which gives you :
#chart svg { width: 100%; height: 100%; position: center; }

For some reason, it seems that css code is not scoped to the panel anymore I think, this is why every icon becomes so big.
This change adds this scope.

Have a nice day :)

Thanks for sharing your solution! But I tried to modify the css file and encounter another problem. The chart always blow out of the panel. And as I drag and move the panel containing the bar chart, it does move with the panel. Any idea how to fix?
image

image

@fforregs
Copy link

fforregs commented Mar 4, 2021

still not working with Grafana v7.4.3, is this repo still maintained?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants