# Bar chart in perspective

**URL:** <https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637>\
**Category:** Ignition\
**Created:** [August 12, 2020, 7:04am UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637 "2020-08-12T07:04:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yatika.Goel](https://avatars.discourse-cdn.com/v4/letter/y/9dc877/32.png) [@Yatika.Goel](https://forum.inductiveautomation.com/u/Yatika.Goel)\
**Post date:** [August 12, 2020, 7:04am UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637/1 "2020-08-12T07:04:08Z")

</div>

![MicrosoftTeams-image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/97dfd7306443eb81967a6ae30f730c127a8c88e5.png)

Need help in perspective for a chart in which I have to achieve this type of functionality.So how it is possible.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [August 12, 2020, 4:39pm UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637/2 "2020-08-12T16:39:07Z")

</div>

> [@Stacked Bar Chart in Perspective](http://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/2):
>
> @umesh.pol, this is possible with the Time Series Chart. You’ll need to create a trend under a plot and change its type value to bar:

---

<div class="post-metadata">

**Author:** ![Yatika.Goel](https://avatars.discourse-cdn.com/v4/letter/y/9dc877/32.png) [@Yatika.Goel](https://forum.inductiveautomation.com/u/Yatika.Goel)\
**Post date:** [August 14, 2020, 2:08pm UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637/5 "2020-08-14T14:08:58Z")

</div>

Thanks, @jball for the quick turn around. Need one clarification i.e this chart is applicable only for the time or can we take like G1,G2 on the X-Axis as shown in the above image.

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [August 14, 2020, 4:40pm UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637/6 "2020-08-14T16:40:49Z")

</div>

The X axis can only display time.

---

<div class="post-metadata">

**Author:** ![guganathan.r](https://avatars.discourse-cdn.com/v4/letter/g/8dc957/32.png) [@guganathan.r](https://forum.inductiveautomation.com/u/guganathan.r)\
**Post date:** [August 25, 2020, 2:29am UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637/7 "2020-08-25T02:29:37Z")

</div>

can X-axis display week? I need to make weekly and monthly bar chart in a view. But I want to see the bar width for entire week or month.  
At present it shows only on the start day of the week or start day of the month.  
I’m not sure if this is bcos of my query (since I’m getting first day of the week or month as time column in dataset to make use of timeseries chart.  
Can this be made in XY chart (however pan and zoom is available in XY chart right?)

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

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [August 25, 2020, 6:41pm UTC](https://forum.inductiveautomation.com/t/bar-chart-in-perspective/37637/8 "2020-08-25T18:41:51Z")

</div>

There are some different display options for the tick labels of the `timeAxis` (see image), and you can also supply a custom [Moment.js](https://momentjs.com/) date format if none of the provided options will work. The default (`auto`) setting tries to determine the best format to display based on the breadth of the time range associated with your data.

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

You’ll also want to adjust the `tickCount` property of the `timeAxis` so that the ticks line up with your bars:

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

This should be doable with the [XY Chart](https://docs.inductiveautomation.com/display/DOC80/Perspective+-+XY+Chart) as well if you want to explore its API a bit on the docs site.