Customize shaded area direction in Area Chart

[cancanvas]

Hi There,

I want to fill areas under the data points always using area chart. However, when data points are negative, canvasJS fill the area above the datapoint by default. Any suggestions?

Thanks!

[Indranil]

@cancanvas,

Please take a look at this jsfiddle.

____________
Indranil Deo,
Team CanvasJS

[cancanvas]

Hi Indrani,
Thanks for the quick response. However, what I need is to shade the area between the line serie and x-axis instead of x=0 line.

[Indranil]

@cancanvas,

Please provide a pictorial representation of your requirement so that we can understand your problem better and help you accordingly.

____________
Indranil Deo,
Team CanvasJS

[cancanvas]

This forum does not allow me to attach an image. I am not able to provide pictural presentation.
Basically, I want the area chart always shade the area below the line. In currently implementation of your area chart, you shade the area above the line if the value is negative. I want to shade the area below the chart even though the value is negative. Is it doable? Thanks a lot!

[Indranil]

@cancanvas,

You can use rangeArea chart instead of area chart to show filled area even for negative dataPoints as a work-around. Please take a look at this jsfiddle.

___________
Indranil Deo,
Team CanvasJS

• This reply was modified 7 years, 2 months ago by Indranil.

[cancanvas]

Thank you Indranil. This is all I need!