What is the use of BearFillColor and BullFillColor properties in financial charts?

Financial Charts are a staple of analytical reports in the financial world. Financial data for stock price charts should include high, low, open, and close prices for a day. By default, Essential Chart fills a data point with red color when the close price is less than the open price value and fills with green color when the close price is higher than the open price. In general, red color data point indicates decrease in price and green color indicates increase in price.

You can customize the default fill color used to indicate increase or decrease in price by using the properties BearFillColor and BullFillColor. The color used in the BearFillColor property represents increase in stock price and the BullFillColor property represents decrease in stock price. The following code example illustrates this.

CSHTML

        @(Html.EJ().Chart("container")
              .Series(ser=>
                   ser.Type(SeriesType.Candle)
                   .BearFillColor("blue")
                   .BullFillColor("brown")
                   . . . . . . . . .
                   . . . . . . . . .
              )
        )

Chart before changing the BearFillColor and BullFillColor properties. Red color indicates decrease in price and green color indicates increase in price.

Figure 1: Chart before changing the BearFillColor and BullFillColor properties

Chart after changing the BearFillColor to blue and BullFillColor to brown. Brown color represents decrease in price and blue color represents increase in price

Figure 2: Chart after changing the BearFillColor and BullFillColor