[echarts] 柱状图堆叠时，设置不同类目之前的间隙

最新推荐文章于 2024-08-15 03:07:55 发布

533_

最新推荐文章于 2024-08-15 03:07:55 发布

阅读量3.4k

点赞数 1

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_14993591/article/details/123652124

版权

javascript

echarts 专栏收录该内容

67 篇文章 1 订阅

订阅专栏

option = {
    legend: {
        data:['a', 'b', 'c']
    },
    tooltip: {
        trigger: 'axis',
        show: true
    },
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'bar',
        name:'a',
        stack: 'sum',
        itemStyle: {
            normal: {
                borderColor:'#fff',
                borderWidth: 2,
                barBorderRadius:[0, 0, 5, 5]
            }
        },
        data:[220, 182, 191, 234, 290, 330, 310]
    },{
        type: 'bar',
        name:'b',
        stack: 'sum',
        itemStyle: {
            normal: {
                borderColor:'#fff',
                borderWidth: 2
            }
        },
        data:[220, 182, 191, 234, 290, 330, 310]
    },{
        type: 'bar',
        name:'c',
        stack: 'sum',
        itemStyle: {
            normal: {
                borderColor:'#fff',
                borderWidth: 2,
                barBorderRadius: [5, 5, 0, 0]
            }
        },
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};