# Perspective Power chart - margins between plots

**URL:** <https://forum.inductiveautomation.com/t/perspective-power-chart-margins-between-plots/99811>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 13, 2024, 6:28pm UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-margins-between-plots/99811 "2024-12-13T18:28:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brian\_Stilson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brian_stilson/32/73410_2.png) [@Brian\_Stilson](https://forum.inductiveautomation.com/u/Brian_Stilson)\
**Post date:** [December 13, 2024, 6:28pm UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-margins-between-plots/99811/1 "2024-12-13T18:28:26Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/1/3154b6fde4b3e7d86b754e71b532b8bdcf02f5d8.png)  
I have a PowerChart with several different plots, and I'm wondering if it's possible to adjust the margins between the individual plots. I've tried modifying the individual styles and setting the margin/padding to different values, but it has no effect.

---

<div class="post-metadata">

**Author:** ![greg3](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/greg3/32/16671_2.png) [@greg3](https://forum.inductiveautomation.com/u/greg3)\
**Post date:** [January 17, 2025, 2:51pm UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-margins-between-plots/99811/2 "2025-01-17T14:51:05Z")

</div>

I have the same question. I've tried adjusting several style properties to get this adjusted. The gaps are just wasting valuable screen space.

---

<div class="post-metadata">

**Author:** ![Brian\_Stilson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brian_stilson/32/73410_2.png) [@Brian\_Stilson](https://forum.inductiveautomation.com/u/Brian_Stilson)\
**Post date:** [February 25, 2025, 10:30pm UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-margins-between-plots/99811/3 "2025-02-25T22:30:30Z")

</div>

No ideas anyone? Should I be using different object/object(s) for this? Modifying the style elements or class of the plots doesn't work. Should I report this as a bug?

---

<div class="post-metadata">

**Author:** ![ryan.perretta](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.perretta/32/75110_2.png) [@ryan.perretta](https://forum.inductiveautomation.com/u/ryan.perretta)\
**Post date:** [February 26, 2025, 5:24pm UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-margins-between-plots/99811/4 "2025-02-26T17:24:30Z")

</div>

There isn't any margin being set for the plots on the power chart as far as I can tell. If you inspect the DOM in your browser you'll see that each of the plot elements is being drawn as an SVG and each plot has a transform property on its group (`g`) element that sets where it lies in the PowerChart component.

The original:

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

After I change the translateY value in the transform property:

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

You could likely change the transform property in the styles on the plot or using some more complex selectors in the Advanced Stylesheet, but I don't know how those values are being calculated behind the scenes or if it is always consistent so that might get dicey.