关于echarts定制曲线Y轴固定算法

最新推荐文章于 2025-05-07 21:02:57 发布

Bookreflect

最新推荐文章于 2025-05-07 21:02:57 发布

阅读量2.9k

点赞数

分类专栏：项目总结进阶吧-前端网页

本文链接：https://blog.youkuaiyun.com/qq_33624284/article/details/84390244

版权

项目总结同时被 2 个专栏收录

11 篇文章

订阅专栏

进阶吧-前端网页

8 篇文章

订阅专栏

本文介绍了一种用于ECharts图表的Y轴自适应算法，该算法通过分析输入的二维数据集，智能计算Y轴的最大显示范围，确保数据分布合理且视觉效果良好。算法考虑了不同传感器类型的数据特性，如GNSS数据，以实现更精确的Y轴调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于echarts定制曲线Y轴固定算法

直接贴代码

/*Y轴计算
 *dataSet 二维数据
 *DATAConfig 有效数据长度
*/
	function getNumY(dataSet,dataTime,sensorCode,DATAConfig){
		var temp = 0;
		if(sensorCode == "GNSS"){
			temp = 1;
		}
		var maxN = dataSet[0][0]; 
		var minN = dataSet[0][0];
		/*最大、小值*/
		for (var i = 0; i < dataSet.length; i++){
			for(var j = 0; j < DATAConfig.legendName.length-temp; j++){
				if (dataSet[i][j] > maxN){
					maxN = dataSet[i][j]; 
				}else if (dataSet[i][j] < minN){
					minN = dataSet[i][j];	
				}
			}
		}
		var numY = null;
		if(Math.abs(maxN) > Math.abs(minN)){
			numY = maxN*2;
		}else{
			numY = minN*2;
		}
		var y = [1,2,3,4,6,9];
		numY = Math.ceil(Math.abs(numY));
		if(numY <= 1){
			numY = 1;
		}else{
			var pow = parseInt(numY.toString().length)-1;
			var divisor = Math.pow(10,pow);
			for(var i=0;i<y.length;i++){
				if((y[i]*divisor) >= numY){
					numY = parseFloat(y[i]*divisor);
					break;
				};
				
			}
		}
		return numY;
	}

作者只发现Y轴大体适应，并合理分配区间的问题，更多细节，需要开发中不断研究。