Spline Area

This sample visualizes the data about inflation rate comparision for three countries by using spline area series in the chart. Legend in the sample shows the information about the series.
More Details...


In this example, you can see how to render and configure the spline area type charts. Similar to line type series, but the spline area get closed and filled with series color. You can use border, fill properties to customize the spline area. marker and dataLabel are used to represent individual data and its value. Legend is enabled in this example with series type shape. Injecting Module Chart component features are segregated into individual feature-wise modules. To use spline area series feature, we need to inject SplineAreaService into the @NgModule.providers section. More information on the area types series can be found in this documentation section.