Example of Live Stock Data in React Chart Component

/
/
Candle

This sample visualizes the animation in the candle chart when existing data is updated or new data is added.

More Details...

Loading....
Description

In this example, you can see how to render and configure the candlestick series to display data that updates every second and adds new data every five seconds. The chart demonstrates how to set up a last value label that follows the latest data.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use the candle series, we need to inject CandleSeries module using Chart.Inject(CandleSeries) method.

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