Line chart with xAxis distinction

[Wojciech]

I’m using canvasJS for temperature representation cooling chambers for apples. I need to create some distinction for periods when cooling system was disabled or some connection error occurred.
In the picture you can see that from 2017-10-22 11:00AM too 2017-10-23 03:00PM system was defrosting.
Screen from my system
I would like to change area color or line color to red to inform about that phenomena. Is it possible to change it in certain range of time? Or maybe add another red trend line on top of every line but how to make it not vissible between defrosting areas?

• This topic was modified 7 years ago by Wojciech. Reason: no image visible
• This topic was modified 7 years ago by Wojciech.

[Vishwas R]

@coolex,

You can set color and lineColor properties to all the dataPoints which are to be distinct. Please check this jsfiddle.

Also you can use stripLines on axisX to show the distinction.

—
Vishwas R
Team CanvasJS

[Wojciech]

Thank you very much! That’s exactly what I ment.