fallingColor: String

In Waterfall Chart, while showing negative y-values, falling intermediate / cumulative sums, the body is filled with red by default and it can be overridden by fallingColor property. In case of candlestick Chart, fallingColor can be used to override the default color of those dataPoints whose values are less than the previous dataPoint. The fallingColor can be a “HTML Color Name” or “hex” code.

Default: “#E40A0A”
Example: “orange”, “#DD7E86”

Notes
  • fallingColor property can only be used with waterfall chart.


var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
  data: [{
   type: "waterfall",
   fallingColor: "#DD7E86",
 
  },
 ]
 .
 . 
});
chart.render();


Try it Yourself by Editing the Code below.



If you have any questions, please feel free to ask in our forums.Ask Question