Example of Area in React Stock Chart Component


This sample uses area series to visualize stock data. Crosshair display information about the data and period.

More Details...


In this example, you can see how to render and configure stock chart to visualize the stock data with area series. Use series type as Area to render a area series.

Crosshair is enabled in this example. To see the crosshair in action, hover the chart or tap on it in touch enabled devices.

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 AreaSeries, inject the AreaSeries module using the StockChart.Inject(AreaSeries) method.

More information about the series type can be found in this documentation section.