# XY Chart Label Wraping

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-label-wraping/91120>\
**Category:** Ignition\
**Tags:** ignition80, ignition81, perspective\
**Created:** [May 30, 2024, 6:58am UTC](https://forum.inductiveautomation.com/t/xy-chart-label-wraping/91120 "2024-05-30T06:58:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Goutham\_Rao\_Y](https://avatars.discourse-cdn.com/v4/letter/g/eb9ed0/32.png) [@Goutham\_Rao\_Y](https://forum.inductiveautomation.com/u/Goutham_Rao_Y)\
**Post date:** [May 30, 2024, 6:58am UTC](https://forum.inductiveautomation.com/t/xy-chart-label-wraping/91120/1 "2024-05-30T06:58:24Z")

</div>

Hello Team,  
I have a query regarding the Ignition Perspective **XY Chart** component.

I need to wrap the label text and display it in multiple lines, instead of displaying it in a single line. I set the **autowrap** and **width** attribute, but nothing changed in the **x-axis** label.

Can you please provide the attributes that allow **x-axis** label wrapping?

**Screen Shot:**

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

Thanks In Advance,

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [May 30, 2024, 7:56am UTC](https://forum.inductiveautomation.com/t/xy-chart-label-wraping/91120/2 "2024-05-30T07:56:31Z")

</div>

Posted the solution few hours before.  
You have to add the `renderer.labels.template` properties to the axis configuration

> [@XY chart x axes to be wrapped](https://forum.inductiveautomation.com/t/xy-chart-x-axes-to-be-wrapped/85938/12):
>
> As suggested by @Transistor, we can achieve this by adding renderer.labels.template properties to the axis configuration

---

<div class="post-metadata">

**Author:** ![Goutham\_Rao\_Y](https://avatars.discourse-cdn.com/v4/letter/g/eb9ed0/32.png) [@Goutham\_Rao\_Y](https://forum.inductiveautomation.com/u/Goutham_Rao_Y)\
**Post date:** [May 30, 2024, 12:14pm UTC](https://forum.inductiveautomation.com/t/xy-chart-label-wraping/91120/3 "2024-05-30T12:14:15Z")

</div>

Thanks a lot, this worked for me