Example of Candlestick and volume in React Stock Chart Component


This sample visualizes stock chart with multiple pane.

More Details...


In this example, you can see how to render and configure the Stock chart with volume. CandleSeries is used to represent selected data value and ColumnSeries is used to represent the volume.

Injecting Module

The Stock chart component features are segregated into individual feature-wise modules. To use date-time axis, inject the DateTime module using the StockChart.Inject(DateTime) method. To use the CandleSeries, inject the CandleSeries module using the StockChart.Inject(CandleSeries) method.