# XY Chart X-Axis Label Width

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603>\
**Category:** Ignition\
**Created:** [July 17, 2025, 12:07pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603 "2025-07-17T12:07:28Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![crumberger](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/crumberger/32/79956_2.png) [@crumberger](https://forum.inductiveautomation.com/u/crumberger)\
**Post date:** [July 17, 2025, 12:07pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603/1 "2025-07-17T12:07:28Z")

</div>

I'm trying to figure out how to get a set width for the x-axis labels on the XY Chart. I have a 3-chart view that is made using embedded views, and two of the three are smaller, causing the words to sit on top of each other. I can't make the font size smaller or you wouldn't be able to read it. I know you can make the width of the column restricted to a certain width, but can you do the same to the labels and have them just line down to finish if it's too wide for that space?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/9/4913b2563d3529ab189d2d656f980fc890d56719.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/4/349a9012b9474e5bbc5cf02795f833a61b295bf2.png)

---

<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:** [July 17, 2025, 1:01pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603/2 "2025-07-17T13:01:38Z")

</div>

Try this:

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

_Add in the `renderer` section._

The charts are based on AM Charts. You can read more about rendering at [https://www.amcharts.com/docs/v4/tutorials/wrapping-and-truncating-axis-labels/](https://www.amcharts.com/docs/v4/tutorials/wrapping-and-truncating-axis-labels/).

---

<div class="post-metadata">

**Author:** ![crumberger](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/crumberger/32/79956_2.png) [@crumberger](https://forum.inductiveautomation.com/u/crumberger)\
**Post date:** [July 17, 2025, 2:38pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603/3 "2025-07-17T14:38:19Z")

</div>

That's perfect. Thank you!

---

<div class="post-metadata">

**Author:** ![crumberger](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/crumberger/32/79956_2.png) [@crumberger](https://forum.inductiveautomation.com/u/crumberger)\
**Post date:** [July 17, 2025, 2:47pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603/4 "2025-07-17T14:47:27Z")

</div>

Now the only thing I'm curious on is centering the wrapped text. I can see on that page that you can manipulate where the label comes up in correlation to the bar, but not necessarily if it is centered for the actual text. Any suggestions?

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

---

<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:** [July 17, 2025, 2:52pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603/5 "2025-07-17T14:52:22Z")

</div>

Try adding,  
`textAlign : start | middle | end`

---

<div class="post-metadata">

**Author:** ![crumberger](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/crumberger/32/79956_2.png) [@crumberger](https://forum.inductiveautomation.com/u/crumberger)\
**Post date:** [July 17, 2025, 3:00pm UTC](https://forum.inductiveautomation.com/t/xy-chart-x-axis-label-width/108603/6 "2025-07-17T15:00:15Z")

</div>

Beautiful. Love it. Thank you 🙂
