value is cutting off

[reto88]

The value in the middle of the chart doesnt fit. How can I change the size?
"ngx-gauge": "^3.0.0",
"@angular/cli": "~11.2.3",

[andreas-becker]

Quickfix: In your css override the css .reading-block { overflow: visible; } to see it without the cutted head

[Fallaxe]

i tried to override the overflow with '!important' but it doesn't solve anything

[juansebasoz]

Same issiue with 4.0.0. I'm using bootstrap for grid layout

[willflame]

Quickfix: In your css override the css .reading-block { overflow: visible; } to see it without the cutted head

I also tried this solution but nothing works.

Has anyone found a solution to this problem?
I'm using v4.

[willflame]

.reading-block { overflow: visible; }

I was able to solve the problem by adding the modification of the class directly in the application's index.html file, placed in the necessary css header as:

`

<style>.reading-block { overflow: visible !important; }</style> <------------------- `

[heja99]

@willflame @andreas-becker Hey, I got the same issue and thanks to your comment I could fix it. But I also got the same problem in another are, as you can see in the screenshot (the 50 is cut off):

Would you be able to tell me what css-class this is? Then I could apply the same fix as with the reading-block - Thanks in advance!

[Hefziben]

Hello Guys, you can use ng-deep to access the class for future reference
ngx-gauge {
::ng-deep .reading-block {
overflow: visible !important;
}
}

[Advocatus]

@willflame @andreas-becker Hey, I got the same issue and thanks to your comment I could fix it. But I also got the same problem in another are, as you can see in the screenshot (the 50 is cut off):

Would you be able to tell me what css-class this is? Then I could apply the same fix as with the reading-block - Thanks in advance!

Have we got the fix for this issue yet?