我们在项目当中都是调用接口来获取数据,有的时候数据的值很有可能相差非常小,这时候他就会显示的跟一条直线一样,像这张图一样

这个时候的话测试可能会要求我们去修改一下,不这样展示,我们就可以来设置y轴的最大最小值。

我们将获取到的data中需要的值push到一个数组里面,然后取最大最小值。我这里用的是sort排序,因为其他取值方法在我这个项目当中会有bug。取到最大最小值之后,把他们放到yAxis当中用max跟min来表示,这里的话我最大值+10,最小值-10,这样看着更加直观一点

var arr1 = []  // 定义空数组
this.ngbd.forEach((item) => {  // 循环第一组值
    arr1.push(item)
});
this.wxsc.forEach((item) => {  //循环第二组值
    arr1.push(item)  // 这个时候的arr1里面已经包含上面push进去的值了
});
let AS = arr1.map(Number).sort((a,b) => a - b);  // 排序
this.dataListMax = AS[arr1.length - 1] + 10;  // 取到最大值 + 10
this.dataListMin = AS[0] - 10;    // 取到最小值 - 10

 

Logo

前往低代码交流专区

更多推荐