# Perspective - Time Series Chart - Infobox

**URL:** <https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125>\
**Category:** Ignition Early Access\
**Tags:** ignition81\
**Created:** [February 14, 2022, 8:15pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125 "2022-02-14T20:15:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [February 14, 2022, 8:15pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125/1 "2022-02-14T20:15:14Z")

</div>

I’m on 8.1.14

The infobox background doesn’t fit to the content…  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/f/1f9f9543b1ba3d9ef0fe1706a0f5102389c77581.png)

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

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 15, 2022, 9:53am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125/2 "2022-02-15T09:53:24Z")

</div>

you can resize it with css (injection)

`.ia_timeSeriesChartComponent __xTrace__ box { height: 100px; width:150px !important;}`

but you cant really make it dynamic (that easily)

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [February 15, 2022, 12:37pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125/3 "2022-02-15T12:37:03Z")

</div>

> [@victordcq](#):
>
> .ia\_timeSeriesChartComponent\_\_xTrace\_\_box { height: 100px; width:150px !important;}

I'm not familar with CSS injection, where I put that in the designer ?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 15, 2022, 1:01pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125/4 "2022-02-15T13:01:00Z")

</div>

create a style class and wrap this css line in }{ and put it in backgroundimage

for something like this you probably also want to put the styleclass name infront… else every chart will get this style, and since this isnt dynamic, that would be ugly xd

adjust the height and width numbers as you please, % should also work kinda. auto does not tho ☹

example  
styleclass path: `Folder/NewStyle` (this gets converted to `psc-Folder\/NewStyle`)  
backgroundimage =` }.psc-Folder\/NewStyle .ia_timeSeriesChartComponent __xTrace__ box { height: 100px; width:150px !important;}{`  
give your chart the class `Folder/NewStyle`

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/a/4a25bba8741967f75bb0e309f425ffd5b1e2491b.png)  
(this example i just put height very big xd)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6a02aa503cc1cfe249f4a2c1ec8357311e4f46ec.png)

---

<div class="post-metadata">

**Author:** ![swolnisty](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@swolnisty](https://forum.inductiveautomation.com/u/swolnisty)\
**Post date:** [February 15, 2022, 7:20pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-infobox/56125/5 "2022-02-15T19:20:02Z")

</div>

Here is [another option](https://forum.inductiveautomation.com/t/change-xtrace-box-size-in-power-chart/55381/2). The post is for the Power Chart component specifically, but it shares the same x-trace infobox issues as the Time Series Chart component.