Исправлены базовые длинные строки имени

Question

Вы когда-нибудь работали с echarts? https://ecomfe.github.io/echarts-examples/public/index.html Мне нужна небольшая помощь. Кто-нибудь знает, как это выяснить для длинного имени в echarts?

Это мой код:

app.title = 'Long names';

option = {
    tooltip : {
        trigger: 'axis',
        axisPointer : {           
            type : 'shadow'        
        }
    },
    legend: {
        data:['uno','dos','tres']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : ['fila1 fila fila fila fila fila fila fila fila fila fila fila fial fila fila fila fila fila','fila2','fila3','fila4','fila5','fila6','fila7']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'uno',
            type:'bar',
            stack: 'api',
            data:[320, 332, 301, 334, 390, 330, 320]
        },
        {
            name:'dos',
            type:'bar',
            stack: 'api',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'tres',
            type:'bar',
            stack: 'api',
            data:[220, 182, 191, 234, 290, 330, 310]
        }
    ]
};

Я не хочу потерять базовое имя ... Кто-нибудь знает, что я могу сделать? Это страница, где я проверяю это: https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-stack Спасибо заранее!

Answer 1

Используйте свойство axisLabel для xAxis, а внутри axisLabel используйте свойство interval и установите для него числовое значение.

Answer 2

Установить свойство интервала на 0 от axisLabel xAxis

xAxis : [
    {
        type : 'category',
        axisLabel: {
            fontSize: 12,
            interval: 0
        },
        data : ['fila1 fila fila fila fila fila fila fila fila fila fila fila fial fila fila fila fila fila','fila2','fila3','fila4','fila5','fila6','fila7']
    }
],