# Stacked Bar Chart in Perspective

**URL:** <https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636>\
**Category:** General Discussion\
**Tags:** ignition80, perspective\
**Created:** [August 12, 2020, 7:00am UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636 "2020-08-12T07:00:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![umesh.pol](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/umesh.pol/32/17300_2.png) [@umesh.pol](https://forum.inductiveautomation.com/u/umesh.pol)\
**Post date:** [August 12, 2020, 7:00am UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/1 "2020-08-12T07:00:06Z")

</div>

Hello,  
I is possible to have a Stacked bar chart in perspective as shown in below image?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/4/24e789abd4d494a4ea22ff328c854bf3dd1acfd6.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 12, 2020, 4:38pm UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/2 "2020-08-12T16:38:00Z")

</div>

@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`:

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

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [August 13, 2020, 2:01am UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/3 "2020-08-13T02:01:52Z")

</div>

Hi  
But it is not stack value on top of each other.

---

<div class="post-metadata">

**Author:** ![umesh.pol](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/umesh.pol/32/17300_2.png) [@umesh.pol](https://forum.inductiveautomation.com/u/umesh.pol)\
**Post date:** [August 13, 2020, 10:58am UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/4 "2020-08-13T10:58:45Z")

</div>

Thanks @jball , will check and see if it fits the requirement. The thing is we should be able to change both axes. hope time series lets you change the x-axis as well?

---

<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 13, 2020, 4:45pm UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/5 "2020-08-13T16:45:29Z")

</div>

You’ll want to use the `timeAxis` property of the chart to make format changes to the X axis:

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

Currently, the format of the Y axis is built automatically based on the height of the chart and the granularity of the data. I do have a ticket open to allow the format of the Y axis to be modified in the same way as the time axis.

Nader is right; this mode of the Time Series chart functions as an overlay bar chart vs a stacked bar chart. It looks like I have a bug in the underlying library where the toggle to go from stacked to overlay isn’t working (I will open a ticked). This toggle is represented as the `stack` property of the `trend`.

---

<div class="post-metadata">

**Author:** ![umesh.pol](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/umesh.pol/32/17300_2.png) [@umesh.pol](https://forum.inductiveautomation.com/u/umesh.pol)\
**Post date:** [September 13, 2020, 8:09am UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/6 "2020-09-13T08:09:39Z")

</div>

Hi @jball , How can I have time series data on hourly basis intead of seconds on x-axis?

---

<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:** [September 14, 2020, 5:33pm UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective/37636/7 "2020-09-14T17:33:26Z")

</div>

Check out the `timeAxis.tick.label.format` property. There are a couple of predefined options that you can select to have an hourly display, or you can supply a [Moment.js](https://momentjs.com/) time format of your choosing if there is a specific hourly display that you would like to present:

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