Hi
The problem is simple, I’ve got a table panel with a bunch of percentage gauges in it, as of now, it looks like this:
I don’t like the size of the gauges depending on the number of digits as it results in the gauges not being aligned.
note that this happens only with a fixed maximum value (Standard Options → Max), if the value is not set the charts will align perfectly, but their “relative” max value will make them incoherent anyway
I think this might count as a layout issue, but I wanted to “solve” it by always having 2 digits but I see no way to use a custom formatting string logically equivalent to a Format(value,'00')
.
Here is the override configuration
summarizing:
is there a way to have a custom number formatting? (afaik no)
is there a way to make the gauges align?
I’m using Grafana v8.2.1
Thanks
Hi @trovalo
thanks for starting this topic. I would categorize this as a small UI bug / enhancement. I would use the info from this topic to fill out the issue template in the repo and start a proper bug report:
The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many mo...
I’ll have a look at the issues and if I don’t see it I’ll open it myself.
Thanks
1 Like
trovalo
October 26, 2021, 10:09am
4
afaik there is no solution.
I’ve opened an issue about it:
opened 09:53AM - 26 Oct 21 UTC
<!--
Please use this template to create your bug report. By providing as much i… nfo as possible you help us understand the issue, reproduce it and resolve it for you quicker. Therefore take a couple of extra minutes to make sure you have provided all info needed.
PROTIP: record your screen and attach it as a gif to showcase the issue.
- Questions should be posted to: https://community.grafana.com
- Use query inspector to troubleshoot issues: https://bit.ly/2XNF6YS
- How to record and attach gif: https://bit.ly/2Mi8T6K
-->
**What happened**:
In a table panel, when showing data as a gauge bar with a fixed min and max scale value the plotted charts might not be aligned, and it depends on the "size" or better length of the number that is written on the right of the chart.

here is the whole override configuration

**What you expected to happen**:
I expect the gauge charts to be aligned
**How to reproduce it (as minimally and precisely as possible)**:
see _what happened_
**Anything else we need to know?**:
**Environment**:
- Grafana version: 8.2.1
- Data source type & version: InfluxDB 1.8.6
- OS Grafana is installed on: Windows Server
- User OS & Browser: Windows 10, Chrome
- Grafana plugins: None
- Others:
and in the meanwhile I’ve found another one:
opened 10:06AM - 26 Oct 21 UTC
<!--
Please use this template to create your bug report. By providing as much i… nfo as possible you help us understand the issue, reproduce it and resolve it for you quicker. Therefore take a couple of extra minutes to make sure you have provided all info needed.
PROTIP: record your screen and attach it as a gif to showcase the issue.
- Questions should be posted to: https://community.grafana.com
- Use query inspector to troubleshoot issues: https://bit.ly/2XNF6YS
- How to record and attach gif: https://bit.ly/2Mi8T6K
-->
**What happened**:
In a table panel, when showing data as a gauge bar, if the field is the result of a calculation (made in the query itself, or using the transform "Add Field from Calculation") the chart is not rendered properly. apparently is always stuck at 0.
here the field value is 0.264

This is the override configuration

Notes:
- even without min and max values, the issue persists
- even if the value is multiplied by 100 (therefore obtaining 26.4) it is still plotted as 0
**What you expected to happen**:
I expect the gauge to plot the correct value
**How to reproduce it (as minimally and precisely as possible)**:
- Create a table object
- one of the fields must be the result of a division (or maybe any other operation) between 2 fields
- it can be computed by the query itself or by using transform > "Add Field from Calculation" > Binaty Operation
- show the calculated field as a gauge.
- it should be stuck at 0 regardless of the value
-
**Anything else we need to know?**:
**Environment**:
- Grafana version: 8.2.1
- Data source type & version: InfluxDB 1.8.6
- OS Grafana is installed on: Windows Server
- User OS & Browser: Windows 10, Chrome
- Grafana plugins: None
- Others:
@mattabrams you can mark this post as closed (or solved even if “solved” does not sound that fitting)
1 Like