如何在echarts中添加更多的条间距

如何在echarts中添加更多的条间距,echarts,Echarts,是任何在酒吧间增加更多空间的方法。我不知道如何使类别之间的空间更大。我尝试了组填充,但它不起作用,请有人尝试帮助我 这是一天的进度表,我想要更多的条间距 代码: 您可以根据文档使用 var myChart=echart.init(document.getElementById('main'); //在下面取消插入代码 选项={ 工具提示:{ 触发器:“轴”, 轴指针:{ 类型:“阴影” } }, 图例:{ }, 网格:{ 左:“3%”, 对:"4%",, 底部:“1%”, 对,, 身高:“9

是任何在酒吧间增加更多空间的方法。我不知道如何使类别之间的空间更大。我尝试了组填充,但它不起作用,请有人尝试帮助我

这是一天的进度表,我想要更多的条间距

代码:

您可以根据文档使用

var myChart=echart.init(document.getElementById('main'); //在下面取消插入代码 选项={ 工具提示:{ 触发器:“轴”, 轴指针:{ 类型:“阴影” } }, 图例:{ }, 网格:{ 左:“3%”, 对:"4%",, 底部:“1%”, 对,, 身高:“90%” }, xAxis:{ 类型:“值” }, 亚克斯:{ 类型:'类别', 数据:['9-10','10-11','11-12','12-1','1-2','2-3','3-4','4-5','5-6','6-7','7-8'] }, 系列:[ { 名称:'活动', 颜色:“绿色”, 类型:'bar', barCategoryGap:'50%', 堆栈:“总计”, 分组:2, 标签:{ 秀:没错, 位置:'insideRight' }, 数据:[20,30,15,25,10,15,30,30,5,20,10] }, { 名称:'非活动', 类型:'bar', 堆栈:“总计”, barCategoryGap:'50%', 颜色:“红色”, 分组:2, 标签:{ 秀:没错, 位置:'insideRight' }, 数据:[10,20,30,10,25,10,20,25,15,30,5] }, { 名称:'活动', 颜色:“绿色”, 类型:'bar', barCategoryGap:'50%', 堆栈:“总计”, 分组:2, 标签:{ 秀:没错, 位置:'insideRight' }, 数据:[30,10,15,25,25,35,10,5,40,10,45] }, ] }; //取消上面代码的插入 myChart.setOption(选项)

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {           
            type: 'shadow'        
        }
    },
    legend: {
       
    },
     
    grid: {
        left: '3%',
        right: '4%',
        bottom: '1%',
        containLabel: true,
        height: '90%'
    },
    xAxis: {
        type: 'value'
    },
    yAxis: {
        type: 'category',
        data: ['9-10', '10-11', '11-12', '12-1', '1-2', '2-3', '3-4','4-5','5-6','6-7','7-8']
    },
    series: [
        {
            name: 'Active',
            color: 'green',
            type: 'bar',
            stack: 'total',
            groupPadding: 2,
            label: {
                show: true,
                position: 'insideRight'
                
            },
            data: [20, 30, 15, 25, 10,15, 30, 30, 5, 20,10]
        },
        {
            name: 'Inactive',
            type: 'bar',
            stack: 'total',
            color: 'red',
            groupPadding: 2,
            label: {
                show: true,
                position: 'insideRight'
            },
            data: [10, 20, 30, 10, 25,10, 20, 25, 15, 30,5]
        },
        {
            name: 'Active',
            color: 'green',
            type: 'bar',
            stack: 'total',
            groupPadding: 2,
            label: {
                show: true,
                position: 'insideRight'
            },
            data: [30, 10, 15, 25, 25,35, 10, 5, 40, 10,45]
        },
        
        
        
    ]
  
};