一、问题:(如图片所示)

二、解决办法
xaxis: {
name: "时间",
categories: this.arr1,
tickAmount:6, //自己可以试着调参数,值不同,x轴显示的个数不同
labels: {
rotate: 0, //旋转为0,x轴上不会倾斜
}
},
this.series = [
{
name: "测点温度",
data: this.arr2
}
];
//获取后端数据
getData(){
this.getRequest("/point4/pointChart",{"testPoint":this.point}).then(res => {
console.log(res);
console.log("111111");
//y轴数据
this.arr2 = res.result.map((item) => {
return item.temp + "℃";
});
this.arr2 = this.arr2.reverse();
console.log(this.arr2)
//x轴数据
this.arr1 = res.result.map((item) => {
return item.createTime;
});
/* if (this.arr1.length > 10) {
this.xLength = parseInt(this.arr1.length/10);
} else {
this.xLength = 0;
}*/
console.log(this.arr1);
this.arr1 = this.arr1.reverse();
// console.log(this.arr1)
//更新图表
this.update();
})
},
}
三、结果展示
