gipong / grafana-groupedbarchart-panel

grouped bar chart panel plugin for grafana
71 stars 29 forks source link

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

Open Breee opened 4 years ago

Breee commented 4 years ago

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

bryantlin commented 4 years ago

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

The-J-Bird commented 4 years ago

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

madnanadnan commented 4 years ago

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

djrm05 commented 4 years ago

seeing the same :( Any workaround or fix?

MathieuEtchepare commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

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