Gauge component not fully visible

[besty250]

I have created a view with some label gauge and charts with there props and all shown in the images but when i try to put it in embedded view the value 100 of the gauge disappears i want it to be shown completely

![Chart|690x387]

[besty250]

My main view is

and for chart

[nminchin]

Looks like the font size needs to be smaller.

Eg change props.style.fontSize

[Transistor]

Half-Circle Gauge formatting

It looks like the clipping of the text is determined by the clip mask in the SVG component. I can't see a way to change it. Regular HTML clipping could be overwritten by adding style.overflow : visible but that doesn't work in this case. A "fix" is to reduce the font size. style.fontSize : 8px works but you may find it a bit small or that it doesn't match your other components.

[besty250]

Thank you everyone for your time reducing the font size does help but not completely as it changes the orientation of the view

Instead what I did was make two other flex containers with padding 0.75vw and for the gauge component outer axis.radius reduced to 65 and re arranged it works alright now