Vertical Percent Stacked Spline Area Chart

Overview

A Vertical Percent Stacked Spline Area Chart is a multiple-series Spline Area Chart that displays the trend of the percentage each value contributes over time or categories. The categories of this chart are spread among the vertical axis. 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 Vertical Percent Stacked Spline Area Chart, create a multiple-series Vertical Spline Area Chart and set the stackMode() method into percent:

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

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

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

Playground

Adjusting

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