Stacked Spline Area Chart

Overview

A Stacked Spline Area Chart is a multi-series Spline Area Chart that displays the trend of the value each series contributes over time or categories. The difference between simple Area Chart and Spline Area is that points and angles are replaced with a single spline.

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

Quick Start

To build a Stacked Spline Area Chart, create a multi-series Spline Area Chart and set the stackMode() method into value:

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

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

// create splineArea 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.