Example of Candle in React Chart Component

/
/
Candle

This sample visualizes the AAPL stock price with a default candlestick series. The tooltip and crosshair show information about the stock price.

More Details...

Loading....
Description

In this example, you can see how to render and configure the candlestick series. This chart shows financial data and trends at equal intervals. It can often be combined with line and column charts to show the closing value of the stock and volume of the data.

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.