修复基本的长名称栏echarts

时间:2019-01-12 05:05:02

标签: javascript jquery graph echarts

您曾经与echarts合作吗? https://ecomfe.github.io/echarts-examples/public/index.html 我需要一点帮助。 有人知道如何在echarts中找出长名称吗? ![enter image description here

这是我的代码:

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 提前谢谢!

2 个答案:

答案 0 :(得分:1)

将interval属性设置为xAxis的axisLabel的0

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']
    }
],

答案 1 :(得分:1)

使用xAxis的axisLabel属性,并在axisLabel内部使用interval属性并将其设置为数值。