This React Stock Chart example visualizes the AAPL stock price with spline chart. Crosshair show the information about the data and period.
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.