ucharts的y轴默认对数据是5等份,y轴的最大值与最小值是默认取数组里面最大值与最小值,
当最大值数值小于5时就会出现这种数据显示异常的问题
解决方法:自定义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
}
}
<qiunCharts type="column" :chartData="chartData" :chartList="chartList" background="none" :opts="options" :canvas2d="true" :canvasId="chartId" />
效果图: