# Display time on X axis on XYChart

**URL:** <https://forum.inductiveautomation.com/t/display-time-on-x-axis-on-xychart/66825>\
**Category:** Maker\
**Created:** [November 22, 2022, 7:50pm UTC](https://forum.inductiveautomation.com/t/display-time-on-x-axis-on-xychart/66825 "2022-11-22T19:50:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vidar\_Hetlelid1](https://avatars.discourse-cdn.com/v4/letter/v/53a042/32.png) [@Vidar\_Hetlelid1](https://forum.inductiveautomation.com/u/Vidar_Hetlelid1)\
**Post date:** [November 22, 2022, 7:50pm UTC](https://forum.inductiveautomation.com/t/display-time-on-x-axis-on-xychart/66825/1 "2022-11-22T19:50:28Z")

</div>

Hello,

I am trying to figure out how to use the XYChart, and now im getting it to print the values as i want it to do. But on the X-asis, its a mess.

Anyone know how to fix this? Also i want it to display in the time format 20:50, not with "PM".

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

---

<div class="post-metadata">

**Author:** ![Pofer\_Wang](https://avatars.discourse-cdn.com/v4/letter/p/f4b2a3/32.png) [@Pofer\_Wang](https://forum.inductiveautomation.com/u/Pofer_Wang)\
**Post date:** [November 25, 2022, 8:32am UTC](https://forum.inductiveautomation.com/t/display-time-on-x-axis-on-xychart/66825/2 "2022-11-25T08:32:35Z")

</div>

hello,  
please check your XYChart's property

`PROPS.xAxes[0].date.format = "HH:mm:ss"`

---

<div class="post-metadata">

**Author:** ![Vidar\_Hetlelid1](https://avatars.discourse-cdn.com/v4/letter/v/53a042/32.png) [@Vidar\_Hetlelid1](https://forum.inductiveautomation.com/u/Vidar_Hetlelid1)\
**Post date:** [November 27, 2022, 2:08pm UTC](https://forum.inductiveautomation.com/t/display-time-on-x-axis-on-xychart/66825/3 "2022-11-27T14:08:09Z")

</div>

Hello,

Do you mean this setting? If so, its in the correct format... 😕

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/0/60b18d8e45bb221a34fd4d77b44eaaa25e99fe94.png)

EDIT:  
I removed the "a", and then it worked.

But i want a little more space inbetween, is that possible? It looks great in the preview in the designer, but on the website it looks like this:

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

---

<div class="post-metadata">

**Author:** ![Pofer\_Wang](https://avatars.discourse-cdn.com/v4/letter/p/f4b2a3/32.png) [@Pofer\_Wang](https://forum.inductiveautomation.com/u/Pofer_Wang)\
**Post date:** [November 28, 2022, 9:36am UTC](https://forum.inductiveautomation.com/t/display-time-on-x-axis-on-xychart/66825/4 "2022-11-28T09:36:31Z")

</div>

your website's width too short.  
maybe you can zoom out your XYChart's width  
and set

> PROPS.xAxes[0].appearance.font.size = {your text size}

hope can help you