Echarts x轴文字显示不全

option = {
    title:{
        text:'城市车商数量的绝对增长和增长率'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
        data:['车商数量的绝对增长','车商数量的增长率','平均曲线']
    },
    grid:{ //控制图表到顶部与底部的距离
        //top:'20%',
        left:'10%',
        bottom:'20%'
    },
    xAxis: [
        {
            type: 'category',
            data: name, //['上海','苏州','北京','南通','杭州','南京','天津','北京','福州','西安'],
            axisPointer: {
                type: 'shadow'
            },
           /* axisLabel: { //X轴文字竖着显示
               interval: 0,
               formatter:function(value)
               {
                   return value.split("").join("\n");
               }
            }*/

            axisLabel:{ //X轴文字倾斜显示
                interval:0,
                rotate:'40'
            }
        }

],

注释部分为:x轴文字竖着显示

下面一种为:文字倾斜显示

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页