# Perspective TimeSeriesChart background color

**URL:** <https://forum.inductiveautomation.com/t/perspective-timeserieschart-background-color/94437>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [August 9, 2024, 5:53pm UTC](https://forum.inductiveautomation.com/t/perspective-timeserieschart-background-color/94437 "2024-08-09T17:53:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Merlin](https://avatars.discourse-cdn.com/v4/letter/m/8baadc/32.png) [@Merlin](https://forum.inductiveautomation.com/u/Merlin)\
**Post date:** [August 9, 2024, 5:53pm UTC](https://forum.inductiveautomation.com/t/perspective-timeserieschart-background-color/94437/1 "2024-08-09T17:53:20Z")

</div>

I'm trying to change the plot color of a TimeSeriesChart for perspective. On a PowerChart I can do this from the plots\>color and I like the way this looks  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/e/2ed9e7a44dce6ebb1cb4d8204d9695876a5cbfd9.png)

Closest I have gotten with the TimeSeriesChart is to change the background style and do backgroundClip: content-box but that washes out the time axes labels

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

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [August 9, 2024, 9:46pm UTC](https://forum.inductiveautomation.com/t/perspective-timeserieschart-background-color/94437/2 "2024-08-09T21:46:26Z")

</div>

If is the bad contrast between the background and the axis labels that is the problem, you could just set the font to white in the properties:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/a/aa074b0cc5042ed80574a593ee02d03eeff71380.png)

---

<div class="post-metadata">

**Author:** ![Merlin](https://avatars.discourse-cdn.com/v4/letter/m/8baadc/32.png) [@Merlin](https://forum.inductiveautomation.com/u/Merlin)\
**Post date:** [August 9, 2024, 9:59pm UTC](https://forum.inductiveautomation.com/t/perspective-timeserieschart-background-color/94437/3 "2024-08-09T21:59:38Z")

</div>

So what I'm looking for is how to change the background color of just the plot area like in the first image.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [August 9, 2024, 10:09pm UTC](https://forum.inductiveautomation.com/t/perspective-timeserieschart-background-color/94437/4 "2024-08-09T22:09:54Z")

</div>

I haven't found any good way to do it maybe one of the CSS guru's have something up their sleeves. Putting a blank label with a background color behind the chart in the z-order worked but doesn't feel like a great solution.
