Area chart with icons and color

[Tiger]

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.
https://imgur.com/6AsUFBD

Regards,

[Manoj Mohan]

@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

[Tiger]

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

Regards,

[Manoj Mohan]

@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