修复基础长名称栏 echarts答案

【问题标题】：Fix base long name bar echarts修复基础长名称栏 echarts
【发布时间】：2019-01-12 05:05:01
【问题描述】：

您曾经使用过 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 提前谢谢！

【问题讨论】：

标签： javascript jquery graph echarts

【解决方案1】：

将xAxis的axisLabel的interval属性设置为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']
    }
],

【讨论】：

【解决方案2】：

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

【讨论】：