# Stacked Bar Chart in Perspective - Detailed Steps

**URL:** <https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective-detailed-steps/47107>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 25, 2021, 8:22pm UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective-detailed-steps/47107 "2021-05-25T20:22:48Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![Eric\_Geddes](https://avatars.discourse-cdn.com/v4/letter/e/dbc845/32.png) [@Eric\_Geddes](https://forum.inductiveautomation.com/u/Eric_Geddes)\
**Post date:** [June 11, 2024, 9:33pm UTC](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective-detailed-steps/47107/12 "2024-06-11T21:33:24Z")

</div>

For those that want to use the time series chart, the best solution I found is in this thread:

> [@Perspective 8.0.14 Time Series Bar Chart width](https://forum.inductiveautomation.com/t/perspective-8-0-14-time-series-bar-chart-width/37160/23):
>
> Hi, In my stylesheet.css I added e.g. two style classes (just called them barChart1 and barChart2): .psc-barChart1 .ia\_barChart \> rect { width: 15px; transform: translate(10px) } .psc-barChart2 .ia\_barChart \> rect { width: 30px; transform: translate(20px) } On my time series chart, I just reference which of those style classes I want to use (barChart2 in this example): [image] And the result (style barChart1 used on the upper chart, and barChart2 used on the lower chart):

Here is my chart (I need to adjust so it lines with the hour but its nearly there):  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/2/923de914afc0ae4613e410e2e12f049b7cf40c83.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/stacked-bar-chart-in-perspective-detailed-steps/47107)._