Percent Stacked Spline Area Chart

Overview

A Percent Stacked Spline Area Chart (also known as a 100% Stacked Spline Area Chart) is a multi-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 multi-series Spline Area Chart and set stackMode() to percent:

// create a chart
var 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);

JsFiddle 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.