# XY Chart Labels Centering on Bar

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-labels-centering-on-bar/53627>\
**Category:** Ignition\
**Created:** [December 1, 2021, 4:28pm UTC](https://forum.inductiveautomation.com/t/xy-chart-labels-centering-on-bar/53627 "2021-12-01T16:28:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nicholas.robinson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nicholas.robinson/32/22188_2.png) [@nicholas.robinson](https://forum.inductiveautomation.com/u/nicholas.robinson)\
**Post date:** [December 1, 2021, 4:28pm UTC](https://forum.inductiveautomation.com/t/xy-chart-labels-centering-on-bar/53627/1 "2021-12-01T16:28:31Z")

</div>

Is there some trick to getting the labels on an XY chart to center under the bars?

I have data that is available every 30 minutes. When I present it with timeUnit=Minute, count=30 it does show up, but the labels are not under the bar.

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

If I change to timeUnit=Hour, count=1 it properly centers how I want to see it but I no longer have my half hour columns:

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

Thanks,

Nick

---

<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:** [December 2, 2021, 7:47am UTC](https://forum.inductiveautomation.com/t/xy-chart-labels-centering-on-bar/53627/2 "2021-12-02T07:47:14Z")

</div>

> [@Perspective power chart x-axis vertical alignment wrong](https://forum.inductiveautomation.com/t/perspective-power-chart-x-axis-vertical-alignment-wrong/49126/4):
>
> 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…

there should be an answer in this topic for you^^