This sample showcases an inversed spline chart depicting stock market capitalization as a percentage of GDP by country, with enhanced interactivity through markers and tooltips.
In this example, you can see how to render and configure inversed spline type charts using the isTransposed property. A spline chart uses a curved line to connect points in a data series. Markers are used to represent individual data points and their values.
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 module into the @NgModule.providers section.
More information about the spline series can be found in this documentation section.