Percent Stacked Column Chart

Overview

A percent Stacked Column Chart (also known as a 100% Stacked Column Chart) is a multi-series Column 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 Column Chart, you should create a multi-series Column Chart and set stackMode() to percent:

// create a chart
var chart = chart.column();

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

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

Playground

Adjusting

The Column 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.

You are looking at an outdated v7 version of this document. Switch to the v8 version to see the up to date information.