Horizontal bar gauges - how to prevent scroll bar from hiding numbers

  • What Grafana version and what operating system are you using?
    Grafana v7.5.5 (b5190ee547) on Debian 10

  • What are you trying to achieve?

Display many (15-30) bar gauges horizontally with scrollbar

  • How are you trying to achieve it?

Select visualization “bar gauge”, change orientation to “horizontal”

  • What happened?

If the panel is large enough to fit all bars, all is fine, if panel is too small, gray scrollbar at the right is (partially) drawn over bar values.

  • What did you expect to happen?

bar values should be offset from right edge of panel to account for

  • Can you copy/paste the configuration(s) that you are having problems with?
    n/a

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
    n/a

  • Did you follow any online instructions? If so, what is the URL?
    n/a

possibly/slightly related to Bar Gauge panels - strange grey bar at right since 7.2.0 (Firefox Ubuntu) - #2 by codlord and/or Right side of bar gauges cut-off · Issue #27723 · grafana/grafana · GitHub

Example pictures:

if panel is large enough:
without-scrollbar

if panel is too small:
with-scrollbar

hi @caaei,

I’m not seeing that behavior on Grafana 8-beta:

https://play.grafana.org/d/5QR6pS6Gz/horizontal-bar-gauge-scroll-test?orgId=1

Interesting, it’s still the same for me (have you tried this with Firefox or a different browser?)

Screenshot_20210602_080618

Just updated to FF 89.0 and the scroll bar looks slightly better (less wide thus hiding less), I really love browser quirks and CSS :wink:

Screenshot_20210602_082545

1 Like