EChart设置多个X轴

最新推荐文章于 2025-03-31 10:27:09 发布

milir110

最新推荐文章于 2025-03-31 10:27:09 发布

阅读量1w

点赞数 3

分类专栏： EChart

本文链接：https://blog.csdn.net/milir110/article/details/107548910

版权

EChart 专栏收录该内容

1 篇文章

订阅专栏

如上图所示，上面有两个X轴的数据，那么在EChart 数据如下：

option = {
    xAxis: [{
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    {
        type: 'category',
        position: 'bottom',
        offset: 25,
        axisPointer: {
            type: 'none'
        },
        axisTick:{
            show: false
        },
        axisLine:{
            show: false
        },
        data: ['', '', '前三天', '', '', '', '', '', '后四天 ', '', '', '']
    }
    ],
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};