# Half-Circle Gauge formatting

**URL:** <https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 15, 2025, 4:59pm UTC](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309 "2025-05-15T16:59:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![christophermomose](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@christophermomose](https://forum.inductiveautomation.com/u/christophermomose)\
**Post date:** [May 15, 2025, 4:59pm UTC](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309/1 "2025-05-15T16:59:55Z")

</div>

Two question about the Gauge component.

1. The rightmost number of the scale is getting clipped. If I adjust the width the topmost number gets clipped. How do I prevent the clipping?
2. I am using the same ranges on the inner and out axis. Is there a way to disable the numbers showing up on the inner axis since the values are duplicated and it looks messy to have the extra numbers crowded in?  
Thanks

---

<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:** [May 15, 2025, 6:58pm UTC](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309/2 "2025-05-15T18:58:35Z")

</div>

`Welcome to the forum.  
Please right-click on the component in the Project Browser, Copy, and paste the component's JSON here. Then format it as shown in [Wiki - how to post code on this forum](https://forum.inductiveautomation.com/t/wiki-how-to-post-code-on-this-forum/77831). That way we can reproduce the problem and find a fix.

---

<div class="post-metadata">

**Author:** ![christophermomose](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@christophermomose](https://forum.inductiveautomation.com/u/christophermomose)\
**Post date:** [May 16, 2025, 9:52am UTC](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309/3 "2025-05-16T09:52:47Z")

</div>

```python
[
  {
    "type": "ia.chart.gauge",
    "version": 0,
    "props": {
      "value": 50,
      "secondaryValue": 100,
      "outerAxis": {
        "maxValue": 120,
        "width": 1,
        "ranges": [
          {
            "start": 0,
            "end": 80,
            "width": 8,
            "color": "#77B6D8"
          },
          {
            "color": "#6E94D7",
            "end": 105,
            "start": 80,
            "width": 12
          },
          {
            "color": "#7A6BD5",
            "end": 120,
            "start": 105,
            "width": 16
          }
        ],
        "data": "value",
        "percentRadius": 100,
        "show": true
      },
      "innerAxis": {
        "maxValue": 120,
        "width": 0,
        "data": "secondaryValue",
        "percentRadius": 85,
        "show": true
      },
      "animate": true,
      "backgroundColor": ""
    },
    "meta": {
      "name": "Gauge"
    },
    "position": {
      "x": 15,
      "height": 137,
      "width": 224
    },
    "custom": {}
  }
]

```

---

<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:** [May 16, 2025, 2:27pm UTC](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309/4 "2025-05-16T14:27:05Z")

</div>

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:** ![christophermomose](https://avatars.discourse-cdn.com/v4/letter/c/a5b964/32.png) [@christophermomose](https://forum.inductiveautomation.com/u/christophermomose)\
**Post date:** [May 16, 2025, 3:02pm UTC](https://forum.inductiveautomation.com/t/half-circle-gauge-formatting/106309/5 "2025-05-16T15:02:18Z")

</div>

I was able to fiddle with sizing and get 12pt font to not clip, so in lieu of a 'true' solution that will help.  
Thanks.