admin 管理员组

文章数量: 1184232

Apexcharts中如何设置x轴间距（x轴的数据太多，不想完全显示，只想显示几条）

一、问题：（如图片所示）

二、解决办法

 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();})},}

三、结果展示

本文标签： Apexcharts中如何设置x轴间距（x轴的数据太多，不想完全显示，只想显示几条）

版权声明：本文标题：Apexcharts中如何设置x轴间距（x轴的数据太多，不想完全显示，只想显示几条） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/p/1698024251a283178.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。