如何在echarts中设置多级x轴？

在ECharts中设置多级X轴可以通过配置多个xAxis属性来实现。以下是一个基本的示例，展示了如何在ECharts中设置多级X轴：

option = {
    xAxis: [
        {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisLabel: {
                rotate: 45 // 可选，旋转标签以避免重叠
            }
        },
        {
            type: 'category',
            gridIndex: 1, // 指定该X轴属于哪个网格（grid）
            data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月'],
            axisLabel: {
                rotate: 45
            }
        }
    ],
    yAxis: [
        {
            type: 'value'
        },
        {
            type: 'value',
            gridIndex: 1
        }
    ],
    grid: [
        {
            bottom: '60%' // 第一个网格占据底部60%的空间
        },
        {
            top: '60%' // 第二个网格占据顶部40%的空间
        }
    ],
    series: [
        {
            name: 'Series 1',
            type: 'line',
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            xAxisIndex: 0,
            yAxisIndex: 0
        },
        {
            name: 'Series 2',
            type: 'bar',
            data: [620, 832, 801, 834, 1190, 1230, 1220],
            xAxisIndex: 1,
            yAxisIndex: 1
        }
    ]
};