React OHLC Chart

OHLC charts illustrate price movements over time by representing each time interval with a vertical line that marks the high, low, open and close values, highlighting market volatility, trends, and potential turning points without emphasizing opening or closing prices.

Overview

To visualize data as a OHLC chart, set the type property to HiloOpenClose within the ChartSeries component. Bind the open, high, low, and close values from your data source so each data point displays as a OHLC stick.

Series Customization

You can customize the appearance of the OHLC series in the ChartSeries component by setting the following properties:

• bullFillColor – Sets the color where the closing price is higher than the opening price.
• bearFillColor – Sets the color where the closing price is lower than the opening price.
• border – Defines the thickness of the line.