ucharts插件y轴数据重复问题

最新推荐文章于 2024-01-02 11:11:29 发布

程序员阿明

最新推荐文章于 2024-01-02 11:11:29 发布

阅读量663

点赞数

文章标签： javascript vue.js css

本文链接：https://blog.csdn.net/weixin_41463944/article/details/126711799

版权

1、由于y轴默认splitNumber为五，所以需要对y轴数据进行处理一下

setSplitNumber(arr) {
				let splitNumber = 5;
				if (arr.length != 0) {
					let max = Math.max.apply(null, arr);
					let min = Math.min.apply(null, arr);
					console.log("插值")
					console.log(Number(max) - Number(min))
					if ((Number(max) - Number(min) >= 5) || (Number(max) - Number(min) == 0)) {
						splitNumber = 5;
					} else {
						// splitNumber = Math.ceil(Number(max) - Number(min));
						splitNumber = 1
						this.opts.yAxis.data[0]["min"]=0
					}

				}
				return splitNumber
			},

2、arr为y轴数据
3、y轴样式

yAxis: {
						gridType: "dash",
						splitNumber: 0,
						format: val => {
							return val.toFixed(2); //Y轴的数据取整
						},
						data:[
							{"min":0}
						]
					},