# XY chart heatmap padding

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-heatmap-padding/74191>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [May 25, 2023, 6:43pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heatmap-padding/74191 "2023-05-25T18:43:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hw79](https://avatars.discourse-cdn.com/v4/letter/h/838e76/32.png) [@hw79](https://forum.inductiveautomation.com/u/hw79)\
**Post date:** [May 25, 2023, 6:43pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heatmap-padding/74191/1 "2023-05-25T18:43:24Z")

</div>

Looking through the documentation, I can see that xAxes.0.render and yAxes.0.render are partially responsible for how the boxes render on the a heatRules enabled chart.

How can I get the boxes closer together?

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

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [May 25, 2023, 7:32pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heatmap-padding/74191/2 "2023-05-25T19:32:59Z")

</div>

Pinging @matthew.ayre

---

<div class="post-metadata">

**Author:** ![matthew.ayre](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/matthew.ayre/32/19499_2.png) [@matthew.ayre](https://forum.inductiveautomation.com/u/matthew.ayre)\
**Post date:** [May 25, 2023, 8:08pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heatmap-padding/74191/3 "2023-05-25T20:08:39Z")

</div>

Hi @hw79, sorry didn't have the resource to hand so had to import to have a play! 🙂

This is a good question, the simplest way seems to be to adjust the series[0].column.appearance width and height properties to get the desired outcome. Setting them both to 100 seems to fill the whitespace.

If you have anymore questions be sure to @ me and I will try to respond as soon as I can 🙂

I have 1 more day of work then I'm on extended leave for a while so hopefully I will get some time to be more active on the forums again.

> **Heatmap with no whitespace example**
>
> ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/c/0c50c2185031647d7cee0f9fd7ecdb3e78866bb1.png)

---

<div class="post-metadata">

**Author:** ![hw79](https://avatars.discourse-cdn.com/v4/letter/h/838e76/32.png) [@hw79](https://forum.inductiveautomation.com/u/hw79)\
**Post date:** [May 25, 2023, 8:17pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heatmap-padding/74191/4 "2023-05-25T20:17:42Z")

</div>

Awesome thanks for the help, much appreciated!

edit: it's beautiful!

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