# Bar Time Series Chart : Modification X\_axis

**URL:** <https://forum.inductiveautomation.com/t/bar-time-series-chart-modification-x-axis/103682>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 14, 2025, 8:44am UTC](https://forum.inductiveautomation.com/t/bar-time-series-chart-modification-x-axis/103682 "2025-03-14T08:44:41Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![controls.automation](https://avatars.discourse-cdn.com/v4/letter/c/74df32/32.png) [@controls.automation](https://forum.inductiveautomation.com/u/controls.automation)\
**Post date:** [March 14, 2025, 8:44am UTC](https://forum.inductiveautomation.com/t/bar-time-series-chart-modification-x-axis/103682/1 "2025-03-14T08:44:41Z")

</div>

Hi everyone,

I'm new to Ignition, and this is my first project. I'm working with Perspective, and I want to create a bar graph to represent energy in kWh per day for the previous days (e.g., D-1, D-2, etc.), similar to the example below:

 ![Capture d'écran 2025-03-14 093739](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/5/9521bbb27d8719ba0361f65d27d9449bb174ca1e.png)

I tried using the Bar Time Series Chart, but I couldn't figure out how to customize the X-axis to display the desired format.

Could anyone assist me with this or suggest an alternative solution?

Thank you in advance for your help!

---

<div class="post-metadata">

**Author:** ![controls.automation](https://avatars.discourse-cdn.com/v4/letter/c/74df32/32.png) [@controls.automation](https://forum.inductiveautomation.com/u/controls.automation)\
**Post date:** [March 19, 2025, 9:31am UTC](https://forum.inductiveautomation.com/t/bar-time-series-chart-modification-x-axis/103682/2 "2025-03-19T09:31:55Z")

</div>

Hi everyone,

For this topic, I found a solution to create the bar graph for energy (kWh per day for previous days, like D-1, D-2, etc.). Initially, I was using the Time Series Chart, but I couldn't format the X-axis as required. Here's how I solved it:

1. **Switched to the XY Chart** :

- To create the desired bar graph, I used the **XY Chart** component instead of the Time Series Chart.

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

1. **Changed the Render Type** :

- Under the **Series** section, I modified the chart's format by changing the `render` property to **column**.

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

1. **Displayed Data for the Previous 8 Days** :

- To show the energy data for the last 8 days, I added a **binding** under the `dataSources` section, specifically for the `t_stamp` field.

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

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

I hope this helps anyone else working on a similar project. Feel free to ask if you need further clarification!