Echarts 柱状图让y轴文字靠左显示,series上文字右对齐显示

效果:

在这里插入图片描述

yAxis: [{
        type: 'category',
        inverse: true,
        splitLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
        axisLabel: { // y轴文字的配置
            show: true,
            interval: 0,
            margin:80,
            textStyle: {
                align:'left',
                baseline:'middle',
                color:'#fff'
            },
        },
        data: ['大米1111', '玉米', '蔬菜', '鸡蛋', '坚果']
    }, {
        type: 'category',
        inverse: true,
        axisTick: 'none',
        axisLine: 'none',
        show: true,
        axisLabel: {
            textStyle: {
                color: '#fff',
                fontSize: '12'
            },
            formatter: function(value) {
                if (value >= 10000) {
                    return (value / 10000).toLocaleString() + '万';
                } else {
                    return value.toLocaleString();
                }
            },
        },
        data: [50000000, 22000000, 10000000, 5000000, 1]
    }]

猜你喜欢

转载自blog.csdn.net/ljy_1024/article/details/124170126
今日推荐