Customize shaded area direction in Area Chart

• August 22, 2017 at 8:49 am #15861
  
  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!

  August 22, 2017 at 2:09 pm #15865
  
  Indranil

  @cancanvas,

  Please take a look at this jsfiddle.

  ____________
  Indranil Deo,
  Team CanvasJS

  August 22, 2017 at 10:18 pm #15877
  
  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.

  August 23, 2017 at 12:17 pm #15880
  
  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

  August 29, 2017 at 8:00 am #15920
  
  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!

  August 29, 2017 at 11:26 am #15921
  
  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, 3 months ago by Indranil.
  August 29, 2017 at 7:10 pm #15927
  
  cancanvas

  Thank you Indranil. This is all I need!