Example of undefined in React Stock Chart Component


This React Stock Chart example visualizes the AAPL stock price with spline chart. Crosshair show the information about the data and period.

More Details...


In this example, you can see how to render and configure a stock chart with StockEvents to mark specific events such as market open and close, highest or lowest price reached, year/quarter start and end on a chart for a specific date.

Crosshair is enabled in this example. To see the crosshair in action, hover the chart or tap on 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 SplineSeries, inject the SplineSeries module using the StockChart.Inject(SplineSeries) method.