# XYChart Padding

**URL:** <https://forum.inductiveautomation.com/t/xychart-padding/93915>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [July 30, 2024, 3:00pm UTC](https://forum.inductiveautomation.com/t/xychart-padding/93915 "2024-07-30T15:00:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joe\_Lockwood1](https://avatars.discourse-cdn.com/v4/letter/j/e47774/32.png) [@Joe\_Lockwood1](https://forum.inductiveautomation.com/u/Joe_Lockwood1)\
**Post date:** [July 30, 2024, 3:00pm UTC](https://forum.inductiveautomation.com/t/xychart-padding/93915/1 "2024-07-30T15:00:00Z")

</div>

I am currently working with an XYChart. I have an issue: when I shrink the XYChart, there appears to be a built-in space where the title would go. Is there any way to shut this off? This appears both in the designer and also when using the template repeater.

When designed

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/6/c60b716bded46d2babfbf77f47caf3ecfe804e48.png)  
When shrunk  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/5/9571fb55cb343feea1f9e578b3fb29df92b7deff.png)

Both my title and subtitle paddings are set to 0 in the designer.

---

<div class="post-metadata">

**Author:** ![drojas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/drojas/32/3403_2.png) [@drojas](https://forum.inductiveautomation.com/u/drojas)\
**Post date:** [July 30, 2024, 4:13pm UTC](https://forum.inductiveautomation.com/t/xychart-padding/93915/2 "2024-07-30T16:13:08Z")

</div>

Try using a -20 on the bottom padding...that covers up the title.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/81ae73475b7f63a8c00984e9d36422ab290312cd.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/9/a97dd5fa3d5fbe27a92c15c8ffee39832e70964c.png)

---

<div class="post-metadata">

**Author:** ![Joe\_Lockwood1](https://avatars.discourse-cdn.com/v4/letter/j/e47774/32.png) [@Joe\_Lockwood1](https://forum.inductiveautomation.com/u/Joe_Lockwood1)\
**Post date:** [July 30, 2024, 4:49pm UTC](https://forum.inductiveautomation.com/t/xychart-padding/93915/3 "2024-07-30T16:49:52Z")

</div>

Thank you so much for trying to help! I tried that; however, it did not change anything. I added text to the title to try to match yours more closely.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/05ed9554acb8d2290721c16df0c2f2331545c4dc.png)

---

<div class="post-metadata">

**Author:** ![drojas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/drojas/32/3403_2.png) [@drojas](https://forum.inductiveautomation.com/u/drojas)\
**Post date:** [July 30, 2024, 5:42pm UTC](https://forum.inductiveautomation.com/t/xychart-padding/93915/4 "2024-07-30T17:42:36Z")

</div>

There are other factors in play that affect the way it displays. For example, my XYChart is in a Flex container set to column and the XYChart is set to grow/shrink as needed. Also, as a test, I set all the padding to 0 and as soon as I cleared the title, the chart took up all the space...so you don't need to do -20. This means that it is most likely the container settings that need adjusting.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/2/0206657b3cd06f70941f3d2770536bf5d9fa04cb.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/d/0d02ae2939c7486827deafdbdee913ba1bac00dd.png)

---

<div class="post-metadata">

**Author:** ![Joe\_Lockwood1](https://avatars.discourse-cdn.com/v4/letter/j/e47774/32.png) [@Joe\_Lockwood1](https://forum.inductiveautomation.com/u/Joe_Lockwood1)\
**Post date:** [July 30, 2024, 6:15pm UTC](https://forum.inductiveautomation.com/t/xychart-padding/93915/5 "2024-07-30T18:15:19Z")

</div>

Okay, I found the issue. It is the x-axis. I had to change it to be inside. Thanks so much for all your help!

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