1、数据不匹配问题
![](https://img-blog.csdnimg.cn/img_convert/e97a8dc5951e4e8286a9db0fd434b916.png)
解决方法:
在xAxis 中插入axisLabel属性并设置该属性的interval值为0即可解决
![](https://img-blog.csdnimg.cn/img_convert/17b91982ecf9438c8432c136f6962c65.png)
axisLabel:{
interval:0
}
2、设置x轴长度不超过指定字符长度替换为省略号
![](https://img-blog.csdnimg.cn/img_convert/07de64d73b444bd5b958fb706dc33595.png)
只需要在xAxis中添加formatter属性对value值进行格式化
![](https://img-blog.csdnimg.cn/img_convert/1eefa48f05b04e95b82234f001cc9b22.png)
lineOption.xAxis = {
data: xAxis,
axisLabel: {
formatter: function(value) {
if (value.length > 6) {
return `${value.slice(0,5)}...`;
}
return value
},
interval:0
},
}