Home forums Using CanvasJS Area chart with icons and color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28759

    Hello,
    I have data include ( Years, amount, variance ) and need to present them in chart with area type.
    in this chart, I need to show markers with value and variance as color depends on ( + / – values ).
    I have attached a sample about what I need.

    View post on imgur.com

    Regards,

    #28764

    @fbahashwan,

    You can achieve the above requirement by using an area chart and formatting the indexLabels using indexlabelFormatter by passing Unicode arrows as shown in this JSFiddle.

    Also, you can refer to this Wikipedia page for a list of Unicode.


    Manoj Mohan
    Team CanvasJS

    #28766

    Thanks for the reply ,
    But what about the COLOR ?
    I need Green color for positive , RED for negative.

    Regards,

    #28784

    @fbahashwan,,

    Having single indexLabel with multiple font-color is not possible as of now. As multi-color in indexLabel is not supported, showing arrows in red & green is not possible

    —-
    Manoj Mohan
    Team CanvasJS

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

You must be logged in to reply to this topic.