Label position in simple gauge

Hi,
one question, is possible to change the position of label in component simple gauge?
I want to put it in the center of gauge.

yes sort of with theme.css (or injection) tho its not that intuitive and easy…
its going to be easier to jsut hide it and make your own label

set the props.label.visibilty to false.
and bind the gauge value to a new label

Ah OK. as of my habit. Normally I take this way but I wanted to understand if there was another way. In any case thank you for the feedback

1 Like

Btw i found a way to change it in theme.css or injecting:

(the -15% might need a little adjustment depending on text size, you can also use px if you dont make the gauge flexiable)

[data-component="ia.chart.simple-gauge"] > div > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(1) > g > g > g > g > g > g:nth-child(1) > g > g:nth-child(1) > g:nth-child(2) > g:nth-child(1) > g > g:nth-child(4) {

 transform: translate(0, -15%);

}

image

If you dont know how theme.css works you can inject this into a classstyle in the backgroundimage :

}[data-component="ia.chart.simple-gauge"] > div > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(1) > g > g > g > g > g > g:nth-child(1) > g > g:nth-child(1) > g:nth-child(2) > g:nth-child(1) > g > g:nth-child(4) {

 transform: translate(0, -15%);

}{