# Gauge component not fully visible

**URL:** <https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 13, 2025, 4:36am UTC](https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356 "2025-06-13T04:36:21Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![besty250](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@besty250](https://forum.inductiveautomation.com/u/besty250)\
**Post date:** [June 13, 2025, 4:36am UTC](https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356/1 "2025-06-13T04:36:21Z")

</div>

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

 ![gaugeflex](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/1/71a89a1d70e250ead6f305b9c49266bcdbdc09c4.png)  
 ![gauge](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/6/e64167afac81bb8bfb63622dfd509f886a53f9ef.png)  
![Chart|690x387]

---

<div class="post-metadata">

**Author:** ![besty250](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@besty250](https://forum.inductiveautomation.com/u/besty250)\
**Post date:** [June 13, 2025, 4:37am UTC](https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356/2 "2025-06-13T04:37:44Z")

</div>

My main view is

 ![main](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/b/ab2fdc0e92e0c5e41f2a3f94bcf5300ccaa1d544.jpeg)  
and for chart  
 ![Chart](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/a/3abb1cada425b09ff7dd4eac81a68fd6a0bab245.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [June 13, 2025, 8:32am UTC](https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356/3 "2025-06-13T08:32:04Z")

</div>

Looks like the font size needs to be smaller.

Eg change `props.style.fontSize`

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [June 13, 2025, 11:38am UTC](https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356/4 "2025-06-13T11:38:25Z")

</div>

> [@Half-Circle Gauge formatting](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309/4):
>
> 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.

---

<div class="post-metadata">

**Author:** ![besty250](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@besty250](https://forum.inductiveautomation.com/u/besty250)\
**Post date:** [June 15, 2025, 5:16pm UTC](https://forum.inductiveautomation.com/t/gauge-component-not-fully-visible/107356/5 "2025-06-15T17:16:41Z")

</div>

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