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]
}]

  

原文地址:https://www.cnblogs.com/carriezhao/p/11951299.html