axis nametextstyle overflow truncate not working HELP ASAP

Version

5.0.2

Steps to reproduce

I used this options

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        show: true,
        name: 'bhemmmmmmmmmmmmmm gfdsmmmmmmmmmmmmmmmmmmmmmmmmmmm',
        type: 'value',
        nameTextStyle: {
            overflow: 'truncate',
            width: 10
        }
        
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};

What is expected?

I am expecting the axis name to be truncated at a specific width

What is actually happening?

It is not getting truncated, I think the width property is not working

[Jagan-P]

The nameTruncate property will do this job. Noticed this proprety in /echarts/src/coord/axisDefault.js

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        show: true,
        name: 'bhemmmmmmmmmmmmmm gfdsmmmmmmmmmmmmmmmmmmmmmmmmmmm',
        type: 'value',
        nameTruncate: {
            maxWidth: 100,
            ellipsis: '...',
        }
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};

@TheLostDory

[ArslanAmeer]

@Jagan-P & @jackielan66

nameTruncate works for me. But i wanted to break the name, so it can appear as complete in next line ?

any solution for that?

nameTextStyle: { overflow: 'break-all' | 'break', width: 10 }

Not working either