Example of Inversed Spline in React Chart Component

/
/
SplineInversed

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.

More Details...

Stock Market Capitalization as a Percentage of GDP by CountrySource: wikipedia.org
Description

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 SplineSeries module into services.

More information on the spline series can be found in this documentation section.