Echarts X轴文本展示不全设置

1.如果所示：10-20，30-40 没有被展示出来

2.对X轴进行设置

xAxis: {
    type: 'category',
    data: xData,
    axisLabel: {
        //x轴文字的配置
        show: true,
        //使x轴文字显示全
        interval: 0,
    }
},

3.容易导致文本相互覆盖，可以进行换行和文本倾斜处理，同样在xAxis里面设置
   换行

formatter: function(params) {
      var newName = "";
      var nameNum = params.length;
      var setNum = 3; //一行显示几个字
      var rowNum = Math.ceil(nameNum / setNum);
      if (nameNum > setNum ) {
         for (var p = 0; p < rowNum ; p++) {
             var tempStr = "";
             var start = p * setNum;
             var end = start + setNum;
             if (p == rowNum - 1) {
                 tempStr = params.substring(start, nameNum);
             } else {
                 tempStr = params.substring(start, end) + "\n";
             }
             newName += tempStr;
         }
       } else {
         newName = params;
       }
   return newName;
}

 倾斜

xAxis: {
    type: 'category',
    data: xData,
    axisLabel: {
        //x轴文字的配置
        show: true,
        //使x轴文字显示全
        interval: 0,
        //倾斜角度
        rotate : 60,
    },
},