echarts如何画出这种效果

Question

底部是几个分组

Answer 1

1、再添加一条x轴

{
    type: 'category', 
    //show: false,
    data: [
        {
            value: 'test1',
            textStyle: {
                fontSize: 20,
                lineHeight: 70
            }
        },{
            value: 'test2',
            textStyle: {
                fontSize: 20,
                lineHeight: 70
            }
        }  
    ],
    position : 'bottom',
    axisTick: {
        length:50
    },
    splitArea: {
        show: true,
        areaStyle: {
            color: ['rgba(255,255,255,0.5)','rgba(200,200,200,0.5)']
        }
    }
}

这里第一个和最后一个刻度没去掉，你找下文档，看可能去掉。

2、或许可以利用grid属性实现