# Perspective power chart x-axis vertical alignment wrong

**URL:** <https://forum.inductiveautomation.com/t/perspective-power-chart-x-axis-vertical-alignment-wrong/49126>\
**Category:** Ignition\
**Created:** [July 23, 2021, 7:16am UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-x-axis-vertical-alignment-wrong/49126 "2021-07-23T07:16:13Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [July 23, 2021, 9:38am UTC](https://forum.inductiveautomation.com/t/perspective-power-chart-x-axis-vertical-alignment-wrong/49126/4 "2021-07-23T09:38:01Z")

</div>

ah you said powerchart in the title xd  
the xy chart is made up differently, it is in theory possible with theme.css but i wouldnt really bother with trying that.

But if you really want to:  
create a styleclass and paste this into backgroundimage: (or if you know themes.css i suppose you knwo what to do)  
`} .psc-Name > div > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(1) > g > g:nth-child(3) > g > g:nth-child(1) > g > g:nth-child(3) > g > g > g > g:nth-child(2){transform:translate(50px,0)}{`

the ‘Name’ in `.psc-Name` should be your style path.  
If it has ‘/’ in it use \ infront of them: like so `.psc-Folder\/Name`  
ofc change the 50px to what you want

assing the class to the chart(last property)

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

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

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-power-chart-x-axis-vertical-alignment-wrong/49126)._