數(shù)據(jù)訪問：https://www.hcharts.cn/

功能描述：

柱形圖和面積圖可以設(shè)置成堆疊的形式，堆疊后同一個分類下的數(shù)據(jù)不再是水平依次排列而是依次從上到下堆疊在一起。? ? ? ??

堆疊有兩種形式：普通堆疊是按照數(shù)值大小依次堆疊，百分比堆疊是按照數(shù)值所占百分比進行堆疊。

通過指定柱形圖或面積圖的stacking屬性即可是圖形堆疊，示例代碼如下：

normal普通數(shù)值堆疊? |? percent百分比堆疊

示例一：

下圖是對柱形圖(面積圖則需要將column改為area)進行百分比堆疊

效果圖：

示例二：

下圖是對柱形圖普通數(shù)值堆疊

效果圖：

堆疊圖相關(guān)配置

1、堆疊順序：

默認情況下圖形是根據(jù)數(shù)據(jù)列的屬性依次從上到下堆疊的，可以設(shè)置堆疊反轉(zhuǎn)（reversedStacks）屬性可以將這個順序調(diào)換，即從下到上堆疊，下面是具體的實例：

//Y軸

yAxis: {

min: 0,

reversedStacks:true,

//堆疊翻轉(zhuǎn)(從下到上)

title: {

text: '水果消費總量'

}

? },

2、分組堆疊

通過設(shè)置數(shù)據(jù)列的stack屬性可以是不同的數(shù)據(jù)列根據(jù)相同的 stack 值進行分組堆疊。

3、堆疊數(shù)據(jù)標簽

堆疊數(shù)據(jù)標簽（yAxis.stackLabels）指的是顯示堆疊總值的數(shù)據(jù)標簽。