Home › forums › Using CanvasJS › Line chart with xAxis distinction
Tagged: xAxis background color distinction area line chart
This topic contains 2 replies, has 2 voices, and was last updated by Wojciech 1 year, 3 months ago.
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?
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.
Thank you very much! That’s exactly what I ment.
You must be logged in to reply to this topic.