risingColor: String

In candle Stick chart, when Closing Price is greater than Opening price, the body is filled with white by default and it can be overridden by risingColor property. In case of waterFall chart, rising color changes the default color of non-negative dataPoints. The fallingColor can be a “HTML Color Name” or “hex” code.

Default: “white”
Options: “red”, “#DD7E86”, etc.
Note
  • risingColor property can only be used with candle stick chart.
var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 data:[{
   type : "candlestick",
   risingColor: "#DD7E86", 
  },
 ]
 .
 . 
});
chart.render();
Try Editing The Code

  Also See:    

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

3 Comments

  1. Pingback: CanvasJS v1.5 with Stock Charts, Range Charts & Export as Image Feature

  2. John says:

    Would it be possible to set a falling color as well, so that it’s different from the boundary color?

    • Anjali says:

      john,

      As of now, we don’t have falling color property. But we will consider it for future versions.

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