Angular Area Chart is an extension of Line Chart where the region between the line and the baseline is filled with color. Area Charts are useful when you are interested in cumulative totals over a period of time or range of values. Angular Chart Component allows you to customize charts with smooth-curved line called Spline-Area Charts or with a step-shaped line called Step-Area Charts. Library also supports stacking one series on top of another using Stacked Area Chart & Stacked Area 100% Chart.
To make visualization better, markers are shown for every datapoint when there are less number of datapoints. However, markers will be hidden when the number of datapoints are large. Markers can also be added to individual datapoint to highlight it.
Area Charts are useful when you are interested in cumulative totals over a period of time or range of values.
Spline Area Chart is similar to area chart except that the envelope of area is a smooth curve.
Step Area charts are drawn by connecting the data points using vertical and horizontal lines and shading the enclosed area.
Stacked Area is formed by stacking multiple data-series one on top of the other.
Stacked Area 100% is similar to “Stacked Area” except that areas are rendered as a percentage of total value at any given point.
Most commonly used features in Angular Area Chart includes animation, markers, index-labels, color, etc.
In most of the cases Angular Area Chart renders quickly with default options provided in the library. But in case you still want to optimize for performance, these are the tweaks to be done.