# Highlight required time portion inside time series chart

**URL:** <https://forum.inductiveautomation.com/t/highlight-required-time-portion-inside-time-series-chart/114543>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 18, 2026, 5:42am UTC](https://forum.inductiveautomation.com/t/highlight-required-time-portion-inside-time-series-chart/114543 "2026-03-18T05:42:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\
**Post date:** [March 18, 2026, 5:42am UTC](https://forum.inductiveautomation.com/t/highlight-required-time-portion-inside-time-series-chart/114543/1 "2026-03-18T05:42:52Z")

</div>

Hi Experts,  
I am using **TimeSeriesChart** to display the machine’s power consumption over the last 24 hours inside the ignition perspective view, as shown below: X-time, Y-Consumption

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ced3a2b232f458c29143af6991b8ed4b39502222.png)

For the day, there are predefined shifts during which the machine is supposed to be on and working. The machine is OFF outside the shift hours.

I want to highlight those shift hour periods inside this chart so that the user can get to know that during this period there was no consumption and the machine is not working, as shown below:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/2/82b504f848ef9067abe8007a4a528cff79208416.png)

Is it possible to highlight the required portion in a time series chart?  
If yes, then how can I do this?  
Thanks in advance!

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [March 18, 2026, 9:18am UTC](https://forum.inductiveautomation.com/t/highlight-required-time-portion-inside-time-series-chart/114543/2 "2026-03-18T09:18:56Z")

</div>

Throw in a second set of axes with the same time X axis. Set the Y axis to range 0-1, the pen type to area, and the fill to 0.5 opacity. Then generate a set of values that show a 1 against the times that you want highlighted.

---

<div class="post-metadata">

**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\
**Post date:** [March 18, 2026, 9:31am UTC](https://forum.inductiveautomation.com/t/highlight-required-time-portion-inside-time-series-chart/114543/3 "2026-03-18T09:31:50Z")

</div>

thanks, I will test this and update

---

<div class="post-metadata">

**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\
**Post date:** [March 23, 2026, 12:22pm UTC](https://forum.inductiveautomation.com/t/highlight-required-time-portion-inside-time-series-chart/114543/4 "2026-03-23T12:22:27Z")

</div>

Hi @David_Stone , I am now able to highlight the required portion inside the time-series chart. But how can I add the text “Closed“ to my highlighted area?

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