echarts 多个x轴显示,刻度数少的放第一个,越多个越往后

本文介绍了如何在Echarts中设置多个x轴,确保刻度数较少的轴显示在前面,而更多的轴则按顺序排列在后面。通过示例代码展示了如何定义两个不同的x轴,分别对应不同类型的数据,同时调整了轴的间隔、标签位置和样式,以达到理想的展示效果。
摘要由CSDN通过智能技术生成

 

xAxis_1 = () => {

    const arr = [];

    for (let i = 0; i < e.data.length; i++) {

        for (let j = 0; j < 2; j++) {

            if (j === 0) arr.push('新增');

            if (j === 1) arr.push('升级');

        }

    }

    return arr;

};

xAxis_2 = () => {

    const arr = [];

    for (let i = 0; i < e.data.length; i++) {

        arr.push(e.data[i][0]);

    }

    return arr;

};

xAxis: [

 

        {

 

            type: 'category',

            boundaryGap: true,

            data: xAxis_2,

            axisTick: {

                length: 25

            },

            axisLabel: {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值