echarts —— 重疊圖

平時做堆疊圖比較多，但是今天遇到一個要做重疊圖的需求，記錄一下~

1、堆疊圖，對應的 series: [] ，需要設置一個stack: "1"，其中每個堆疊圖的stack屬性值都要保持一致，如下：

groupSeriesData: [{
        name:'聯盟廣告',
        type:'bar',
        stack: '廣告',
        data:[220, 182, 191, 234, 290, 330, 310]
    }, {
        name:'視頻廣告',
        type:'bar',
        stack: '廣告',
        data:[150, 232, 201, 154, 190, 330, 410]
}]

 

 

2、重疊圖，對應的 series:[]，需要設置 barGap: '-100%'，如下：

groupSeriesData: [{
        name:'聯盟廣告',
        type:'bar',
        barGap: '-100%',
        data:[220, 182, 191, 234, 290, 330, 310]
    }, {
        name:'視頻廣告',
        type:'bar',
        barGap: '-100%',
        data:[150, 232, 201, 154, 190, 330, 410]
}]