echarts中x轴文字过长解决方式。

第一种方式 直接旋转字体：

 主要是这个方法rotate: '50', // 旋转50°

​
xAxis: [
    {
       name: '物流方式',
       type: 'category',
       // show: false, // 是否显示X轴
       axisLabel: {
         show: true, // 是否显示X轴的内容，不包含两端的文字
         interval: 0,
         rotate: '50', // 旋转50°
       data: ["这个地方是", "你的x轴数据", "根据实际情况来哦"],
     }
   ],

​

第二种方式（比较推荐），设置字体超出多少位后使用省略号代替。 

xAxis: [
    {
       name: '物流方式',
       type: 'category',
       // show: false, // 是否显示X轴
       axisLabel: {
         show: true, // 是否显示X轴的内容，不包含两端的文字
         interval: 0,
         // rotate: '50', // 旋转50°
         lineHeight: 18,
         formatter: function(params) {
           console.log('formatter', params, params.length)
           var newParamsName = ''// 最终拼接成的字符串
           var paramsNameNumber = params.length// 实际标签的个数
           var provideNumber = 6// 每行能显示的字的个数
           // 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
           if (paramsNameNumber > provideNumber) {
           // ********重点在这里********
             newParamsName = params.substring(0, 6) + '..'// 最终拼成的字符串
           } else { // 将旧标签的值赋给新标签
             newParamsName = params
           }
           // 将最终的字符串返回
           return newParamsName
         }
       },
       data: ["这个地方是", "你的x轴数据", "根据实际情况来哦"],
     }
   ],