ngx-gauge
ngx-gauge copied to clipboard
value is cutting off
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",
Quickfix: In your css override the css .reading-block { overflow: visible; }
to see it without the cutted head
i tried to override the overflow with '!important' but it doesn't solve anything
Same issiue with 4.0.0. I'm using bootstrap for grid layout
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.
.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:
`
@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!
Hello Guys, you can use ng-deep to access the class for future reference ngx-gauge { ::ng-deep .reading-block { overflow: visible !important; } }
@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?