var xAxisData =  [ "長(zhǎng)褲", "短褲", "襯衣", "羊毛衫", "背心" , "皮鞋" ];
        var xAxisGroupData = ["{offset|}褲子", "", "", "衣服", "", "鞋子"]; 
        // 分組顯示的標(biāo)簽（組內(nèi)如果是偶數(shù)加上偏移{offset|}，如果是計(jì)數(shù)放正中間）
        var seriesData =  [15, 20, 10, 5, 15, 10];
        var groupSeparates = [true, false, true, false, false, true]; // 分組分隔線
        // 指定圖表的配置項(xiàng)和數(shù)據(jù)
         option = {
            title : {
                text : 'echarts自定義分組-靜態(tài)'
            },
            tooltip : {},
            xAxis : [ {
                position : "bottom",
                data : xAxisData,
                axisTick : {
                    length : 20 // 刻度線的長(zhǎng)度
                },
                axisLabel : {
                    margin : 10 // 標(biāo)簽到軸線的距離
                }
            }, {
                position : "bottom",
                data : xAxisGroupData,
                axisTick : {
                    length : 40,
                    interval : function(index, value) {
                        return groupSeparates[index]; // 根據(jù)標(biāo)識(shí)分組的刻度線
                    }
                },
                axisLabel : {
                    margin : 30,
                    interval : 0, // 顯示所有標(biāo)簽
                    rich : {
                        offset : {
                            width : 0
                        }
                    }
                }
            }],
            yAxis : {},
            series : [ {
                type : 'bar',
                data : seriesData
            } ]
        };
        

微信圖片_20221031154739.jpg