# Top of Gauge clipped

**URL:** <https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520>\
**Category:** Ignition Early Access\
**Tags:** perspective\
**Created:** [July 12, 2019, 4:57pm UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520 "2019-07-12T16:57:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![md.szyman](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/md.szyman/32/9240_2.png) [@md.szyman](https://forum.inductiveautomation.com/u/md.szyman)\
**Post date:** [July 12, 2019, 4:57pm UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520/1 "2019-07-12T16:57:13Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/ae185de09a8a087dbf0858e551d4578380fe4a2c.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/f/f118305861d7714ac2770afed4687d8b0eed1166.png)

Shown above is a screenshot of what I’m talking about in the designer as well as in the view this view is embedded in (inside of a tab container). The top of this gauge is cut off. If I resize its container Flex container until the gauge fills the width of the container, it is no longer cut off, but that makes it too vertically large for my purpose. The container setup is shown below.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2d44eb793729a79c3a677b805bfc1dff8cefd95d.png)

I’ve tried every combination of margin/padding that I can think of, and every time I do, it simply shifts the gauge downwards but the gauge is still cut off, despite having enough room once it’s moved down.

---

<div class="post-metadata">

**Author:** ![md.szyman](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/md.szyman/32/9240_2.png) [@md.szyman](https://forum.inductiveautomation.com/u/md.szyman)\
**Post date:** [July 12, 2019, 5:03pm UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520/2 "2019-07-12T17:03:38Z")

</div>

The same thing happens for a gauge below this one.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/5a6ec420b4cc4e79cb4a99b38ab324cc5b3c2c68.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 12, 2019, 6:28pm UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520/3 "2019-07-12T18:28:27Z")

</div>

It looks like the Gauge “requires” about 220px of space if you’re using `Gauge.props.outerAxis.percentRadius` at a value of `100` (it’s a percent). Have you tried lowering the `percentRadius` value to a lesser percent (maybe `80` or `90`)? It will “shrink” your entire Gauge, but it should alleviate the clipping symptoms you’re seeing.

---

<div class="post-metadata">

**Author:** ![md.szyman](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/md.szyman/32/9240_2.png) [@md.szyman](https://forum.inductiveautomation.com/u/md.szyman)\
**Post date:** [July 12, 2019, 6:45pm UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520/4 "2019-07-12T18:45:16Z")

</div>

That fixed it, and I can definitely live with a smaller gauge, thank you!

---

<div class="post-metadata">

**Author:** ![patrick.glose](https://avatars.discourse-cdn.com/v4/letter/p/71e660/32.png) [@patrick.glose](https://forum.inductiveautomation.com/u/patrick.glose)\
**Post date:** [October 27, 2025, 3:56am UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520/5 "2025-10-27T03:56:46Z")

</div>

I am going to revive this issue, because lowering that value does not fix it in all cases. Setting the maxValue to 12 and the percentRadius to 80 still clips the top off the 6. Setting any lower and the scale is wonky. The image here is with a 0-12 gauge, and the percentRadius set to 75%. It would be better if we can properly adjust the gauge inside of the boundary box.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/b/3ba9d1a1cc7ead7c94d7fbf58819f9fe42ad5df8.png)

---

<div class="post-metadata">

**Author:** ![patrick.glose](https://avatars.discourse-cdn.com/v4/letter/p/71e660/32.png) [@patrick.glose](https://forum.inductiveautomation.com/u/patrick.glose)\
**Post date:** [October 27, 2025, 4:14am UTC](https://forum.inductiveautomation.com/t/top-of-gauge-clipped/26520/6 "2025-10-27T04:14:38Z")

</div>

The actual fix:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/2/92b776b09145b3b2bf4220e6d526d7e3875f356b.png)
