vue中echarts设置y轴最大最小值(折线图数值相差较少,展示直线)
我们将获取到的data中需要的值push到一个数组里面,然后取最大最小值。我这里用的是sort排序,因为其他取值方法在我这个项目当中会有bug。取到最大最小值之后,把他们放到yAxis当中用max跟min来表示,这里的话我最大值+10,最小值-10,这样看着更加直观一点。我们在项目当中都是调用接口来获取数据,有的时候数据的值很有可能相差非常小,这时候他就会显示的跟一条直线一样,像这张图一样。这个时
·
我们在项目当中都是调用接口来获取数据,有的时候数据的值很有可能相差非常小,这时候他就会显示的跟一条直线一样,像这张图一样
这个时候的话测试可能会要求我们去修改一下,不这样展示,我们就可以来设置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
更多推荐
已为社区贡献2条内容
所有评论(0)