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

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM