Highlight required time portion inside time series chart

Ignition
1

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
image927×598 25.7 KB

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
image650×415 32.8 KB

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

2

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.

3

thanks, I will test this and update

4

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
image890×531 18.2 KB