解决Echarts x轴数据与图片位置不匹配，以及x轴数据不展示问题

1、数据不匹配问题

解决方法：

在 xAxis 中插入 axisLabel 属性并设置该属性的 interval 值为 0 即可解决

axisLabel:{interval:0}

2、设置 x 轴长度不超过指定字符长度替换为省略号

只需要在 xAxis 中添加 formatter 属性对 value 值进行格式化

lineOption.xAxis = {
   data: xAxis,
   axisLabel: {formatter: function(value) {if (value.length> 6) {return `${value.slice(0,5)}...`;
                        }
                         return value
                   },
                   interval:0
    },
                        
}