# Perspective 8.0.14 Time Series Bar Chart width

**URL:** <https://forum.inductiveautomation.com/t/perspective-8-0-14-time-series-bar-chart-width/37160>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 28, 2020, 2:30pm UTC](https://forum.inductiveautomation.com/t/perspective-8-0-14-time-series-bar-chart-width/37160 "2020-07-28T14:30:33Z")\
**Posts on this page:** 1\
**Showing post:** 23

<div class="post-metadata">

**Author:** ![andreas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andreas/32/18981_2.png) [@andreas](https://forum.inductiveautomation.com/u/andreas)\
**Post date:** [April 12, 2023, 8:51am UTC](https://forum.inductiveautomation.com/t/perspective-8-0-14-time-series-bar-chart-width/37160/23 "2023-04-12T08:51:12Z")

</div>

Hi,

In my stylesheet.css I added e.g. two style classes (just called them **barChart1** and **barChart2** ):

```auto
.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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/c/3cb99f6dfdb3915bf4df4c24bf4712f5d29b8735.png)

And the result (style barChart1 used on the upper chart, and barChart2 used on the lower chart):

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

---

_[View the full topic](https://forum.inductiveautomation.com/t/perspective-8-0-14-time-series-bar-chart-width/37160)._