# \[FEATURE-14749\] Perspective Time Series Chart - xTrace Info Box Text Properties

**URL:** <https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486>\
**Category:** Ignition Early Access\
**Created:** [August 15, 2019, 6:23pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486 "2019-08-15T18:23:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![vcgasman](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vcgasman](https://forum.inductiveautomation.com/u/vcgasman)\
**Post date:** [August 15, 2019, 6:23pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/1 "2019-08-15T18:23:20Z")

</div>

Hi-  
1.) Is it possible to change the color, size, etc. of the text within the xTrace Info Box? I’ve tried changing the style properties but it doesn’t apply. Is there somewhere I am missing to do this?  
2.) Is it possible to change the color, size, format, etc. of the text that represents the date shown for the xTrace?

Thanks

---

<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 15, 2019, 10:57pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/2 "2019-08-15T22:57:03Z")

</div>

Hi @vcgasman, with this first release, neither of those texts can be styled. We can allow for that in a future release.

---

<div class="post-metadata">

**Author:** ![deon.korb](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@deon.korb](https://forum.inductiveautomation.com/u/deon.korb)\
**Post date:** [January 29, 2020, 9:15am UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/3 "2020-01-29T09:15:26Z")

</div>

Hi,

I see as of 8.0.7 there are many option for styling of the X Trace box, but the date format is still missing.

Are there any plans for this?

Regards,  
Deon

---

<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:** [January 29, 2020, 6:19pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/4 "2020-01-29T18:19:39Z")

</div>

@deon.korb, I opened a feature request to expose the date/time format as a property.

---

<div class="post-metadata">

**Author:** ![deon.korb](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@deon.korb](https://forum.inductiveautomation.com/u/deon.korb)\
**Post date:** [January 29, 2020, 7:03pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/5 "2020-01-29T19:03:12Z")

</div>

Excellent, thanks. I’ll keep an eye on the change logs

---

<div class="post-metadata">

**Author:** ![rberghammer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rberghammer/32/7150_2.png) [@rberghammer](https://forum.inductiveautomation.com/u/rberghammer)\
**Post date:** [June 20, 2020, 7:03pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/6 "2020-06-20T19:03:00Z")

</div>

Has there been any progress on this feature? I’ve had a few complaints that the info box text is difficult to read. I don’t see a way to change the text size or color.

---

<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:** [June 22, 2020, 4:57pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/7 "2020-06-22T16:57:29Z")

</div>

@rberghammer, I just bumped the priority of the feature request. This one has been lower priority for awhile.

---

<div class="post-metadata">

**Author:** ![rberghammer](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rberghammer/32/7150_2.png) [@rberghammer](https://forum.inductiveautomation.com/u/rberghammer)\
**Post date:** [June 23, 2020, 12:47am UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/8 "2020-06-23T00:47:18Z")

</div>

Thanks @jball!

---

<div class="post-metadata">

**Author:** ![Mason.Younger](https://avatars.discourse-cdn.com/v4/letter/m/50afbb/32.png) [@Mason.Younger](https://forum.inductiveautomation.com/u/Mason.Younger)\
**Post date:** [July 9, 2020, 3:39pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/9 "2020-07-09T15:39:55Z")

</div>

Has this been done yet? The date is very hard to read. I’m being pushed to fix this issue, but I can not. Is there any work around?

---

<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:** [July 9, 2020, 4:49pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/10 "2020-07-09T16:49:24Z")

</div>

This hasn’t been done yet. In another effort (still in progress), I’ve added a several CSS classes to the underlying chart library that will let you create style overrides to target this. I can update this thread once the library changes are part of a build and give you a style override that will meet your needs until I can expose those x-trace text properties in the TS chart.

---

<div class="post-metadata">

**Author:** ![Mason.Younger](https://avatars.discourse-cdn.com/v4/letter/m/50afbb/32.png) [@Mason.Younger](https://forum.inductiveautomation.com/u/Mason.Younger)\
**Post date:** [July 14, 2020, 6:43pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/11 "2020-07-14T18:43:00Z")

</div>

> [@jball](#):
>
> and give you a style override that will meet your needs until I can

Can you elaborate? I'm getting a lot of pressure to get this fixed. The default color schemes is very hard to see for the charts. Everything is light gray by default.

---

<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:** [July 14, 2020, 7:06pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/12 "2020-07-14T19:06:40Z")

</div>

Yes, I’ve added CSS classes that will let you target the x-trace text via a style override rule that will look something like this:

```auto
.ia_timeMarker text {
    fill: black !important;
}

```

This is not in place yet, but your rule will look something like that. It can also be made more specific to target just the text inside of the “box” portion of the display, if desired. `!important` will be needed to force the rule to override the inline SVG styles that are applied via default and component properties.

---

<div class="post-metadata">

**Author:** ![Mason.Younger](https://avatars.discourse-cdn.com/v4/letter/m/50afbb/32.png) [@Mason.Younger](https://forum.inductiveautomation.com/u/Mason.Younger)\
**Post date:** [July 14, 2020, 8:38pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/13 "2020-07-14T20:38:50Z")

</div>

> [@jball](#):
>
> your rule will look something like that

I'm not sure how to do this.

Am I close?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/9/e905062eac25f8be044309da1d3bfd17680cf275.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:** [July 14, 2020, 8:56pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/14 "2020-07-14T20:56:26Z")

</div>

Check out the section on the docs site about modifying [Perspective Themes](https://docs.inductiveautomation.com/display/DOC80/Perspective+Themes#PerspectiveThemes-ModifyingaTheme-UsingaDifferentFont). While this isn’t creating a modification to an existing theme, you’ll be adding a style rule to the core CSS files in the same way that you would modify a theme.

---

<div class="post-metadata">

**Author:** ![michael3](https://avatars.discourse-cdn.com/v4/letter/m/ecccb3/32.png) [@michael3](https://forum.inductiveautomation.com/u/michael3)\
**Post date:** [October 1, 2020, 1:18pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/15 "2020-10-01T13:18:25Z")

</div>

Hi there,

Is there any update on when these properties will be added ?

Thanks,  
Michael.

---

<div class="post-metadata">

**Author:** ![brant.blanchard](https://avatars.discourse-cdn.com/v4/letter/b/4bbf92/32.png) [@brant.blanchard](https://forum.inductiveautomation.com/u/brant.blanchard)\
**Post date:** [December 28, 2020, 7:06pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/16 "2020-12-28T19:06:42Z")

</div>

I dont want to make it darker i want to lock this thing down on the side of the chart when can we make that happen?

---

<div class="post-metadata">

**Author:** ![tbstewart](https://avatars.discourse-cdn.com/v4/letter/t/e0b2c6/32.png) [@tbstewart](https://forum.inductiveautomation.com/u/tbstewart)\
**Post date:** [February 11, 2021, 9:42pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/17 "2021-02-11T21:42:31Z")

</div>

Hello,

What is the state of this feature? I’m getting asked from a client to change the color on the x trace and the time range to be darker because the background color they are using is a light gray.

Regards,  
Tyler

---

<div class="post-metadata">

**Author:** ![guganathan.r](https://avatars.discourse-cdn.com/v4/letter/g/8dc957/32.png) [@guganathan.r](https://forum.inductiveautomation.com/u/guganathan.r)\
**Post date:** [June 8, 2021, 3:21am UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/18 "2021-06-08T03:21:52Z")

</div>

HI, Any update on this feature? Long pending item. Though this should be a quick fix item. Thanks.

---

<div class="post-metadata">

**Author:** ![c-w-t](https://avatars.discourse-cdn.com/v4/letter/c/bbe5ce/32.png) [@c-w-t](https://forum.inductiveautomation.com/u/c-w-t)\
**Post date:** [November 3, 2021, 4:40pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/19 "2021-11-03T16:40:31Z")

</div>

@jball did this ever get attention? As of 8.1.11 I don’t see anything obviously available to modify the text properties for the x-trace timestamp, this is really bothersome when you are trying to keep with a dark theme yet you need to set your chart background to something so light in order to see the timestamp value.

---

<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:** [November 4, 2021, 4:34pm UTC](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486/20 "2021-11-04T16:34:19Z")

</div>

Hi all, with this being possible through theming, the request to add styling through component properties has been a lower priority. Given that this thread still has decent traction, I’ve bumped the priority of the internal ticket so we can make this available soon.

[Next page](https://forum.inductiveautomation.com/t/feature-14749-perspective-time-series-chart-xtrace-info-box-text-properties/27486.md?page=2)
