This Angular Spline Chart example visualizes the average monthly high and low temperatures across the contiguous U.S. for 2024.
In this example, you can see how to render and configure a spline chart. The spline chart uses a smooth, curved line to connect points in a data series. Markers represent individual data points with different shapes, while the crosshair enhances data tracking by highlighting the category.
Tooltips are enabled in this example. To see a tooltip in action, hover over or tap on the chart.
Injecting Module
Chart component features are segregated into individual feature-wise modules. To use spline series, we need to inject SplineSeriesService into the @NgModule.providers section.
More information about the spline series can be found in this documentation section.