ucharts 折线图y轴数据显示问题

ucharts的y轴默认对数据是5等份,y轴的最大值与最小值是默认取数组里面最大值与最小值,

当最大值数值小于5时就会出现这种数据显示异常的问题

ucharts 折线图y轴数据显示问题_第1张图片

 解决方法:自定义y轴的最大值与最小值,从数组拿到最大值与最小值。最大值与最小值分别与5取余,如果能整除,就让y轴的最大值与最小值分别等于数组的最大值与最小值,反之走下面代码逻辑

this.chartList.forEach(item=>{
					arr.push(item.jbw)
					arr.push(item.eyy)
					arr.push(item.syl)
					arr.push(item.qt)
				})
				let min = Math.min.apply(null,arr)
				let max = Math.max.apply(null,arr)
				if(max%5==0){
						this.options.yAxis.data[0].max=max
				}else{
						this.options.yAxis.data[0].max=max+(5-max%5)
				}
				if(min==0){
						this.options.yAxis.data[0].min=min
				}else{
					if(min%5==0){
						this.options.yAxis.data[0].min=min
					}else{
						console.log("ffff")
						this.options.yAxis.data[0].min=min-min%5
					}
				}

效果图:ucharts 折线图y轴数据显示问题_第2张图片

 

你可能感兴趣的:(ucharts,排序算法,算法)