Home › docs › charts › chart options (reference) › data › risingColor

Pages

open all | close all

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.

Notes
  • risingColor property can only be used with candle stick chart.


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

Try it Yourself by Editing the Code below.

  Also See:    


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

Comments 3

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

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

    • 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

© fenopix
About Us
FAQs
Careers
Privacy Policy

Server Side Technologies
ASP.NET MVC Charts
PHP Charts
JSP Charts
Spring MVC Charts

Front End Technologies
JavaScript Charts
jQuery Charts
React Charts
Angular Charts
JavaScript StockCharts

Contact
Fenopix, Inc.
2093 Philadelphia Pike,
#5678, Claymont,
Delaware 19703
United States Of America

Server Side Technologies
Front End Technologies
Contact
ASP.NET MVC Charts JavaScript Charts FAQs
PHP Charts jQuery Charts Sales Enquiries
Spring MVC Charts React Charts Support Forum
JSP Charts Angular Charts Careers
JavaScript StockCharts

Privacy Policy  © fenopix