Percent Stacked Spline Area Chart

Overview

A Percent Stacked Spline Area Chart (otherwise known as a 100% Stacked Spline Area Chart) is a multiple-series area chart that displays the trend of the percentage each value contributes over time or categories.

The concept of stacking in AnyChart is explained in this article: Stacked Charts (Overview).

Quick Start

To build a Percent Stacked Spline Area Chart, you should create a multiple-series Spline Area Chart and set stackMode() to percent:

// create a chart
chart = chart.area();

// enable the percent stacking mode
chart.yScale().stackMode("percent");

// create spline area series
var series1 = chart.splineArea(seriesData_1);
var series2 = chart.splineArea(seriesData_2);

Playground

Adjusting

The Spline Area series' settings are mostly the same as other series'. The majority of information about adjusting series in AnyChart is given in the General Settings article.