This sample uses spline area series to visualize stock data. Crosshair display information about the data and period.
In this example, you can see how to render and configure stock chart to visualize the stock data with spline area series. Use series type as SplineArea to render a spline 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.The snapToData property snaps the crosshair to the nearest data point instead of following the exact mouse position, providing a more precise focus on data points.
More information about the series type can be found in this documentation section.
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 SplineAreaSeries, inject the SplineAreaSeries module using the StockChart.Inject(SplineAreaSeries) method.