Home forums Using CanvasJS Line chart with xAxis distinction

This topic contains 2 replies, has 2 voices, and was last updated by  Wojciech 1 week, 6 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #17492

    Wojciech
    Member

    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 2 weeks, 1 day ago by  Wojciech. Reason: no image visible
    • This topic was modified 2 weeks, 1 day ago by  Wojciech.
    #17500

    Vishwas R
    Keymaster

    @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

    #17521

    Wojciech
    Member

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.