Example of Candle in React Chart Component


This sample visualizes the AAPL historical data with default candle series in the chart. Tooltip and crosshair shows the information about the data and period.

More Details...


In this example, you can see how to render and configure the Candle type charts. Candle type chart is used to represent the price movements in stock. You can use border, fill properties to customize the vertical rect.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use Candle series, we need to inject CandleSeries module into services.

More information on the candle series can be found in this   documentation section.