echarts 实现双Y轴刻度对齐

话不多说,直接上代码:

javascript 复制代码
min: min2,
max: max2,
splitNumber: 5,
interval: (max2 - min2) / 5,
javascript 复制代码
const min1 = this._getMinValue(dataArr1),
										min2 = this._getMinValue(dataArr2),
										max1 = this._getMaxValue(dataArr1),
										max2 = this._getMaxValue(dataArr2);
javascript 复制代码
	        _getMinValue(arr) {
				const min = Math.min(...arr);
				// 这样处理是为了不让最大值刚好到坐标轴最底部
				return Math.floor(min / 12) * 10;
			},
			_getMaxValue(arr) {
				const max = Math.max(...arr);
				// 这样处理是为了不让最大值刚好到坐标轴最顶部
				return Math.ceil(max / 9.5) * 10;
			},

最后,完美实现双y轴刻度对齐,666

相关推荐
刘发财18 分钟前
弃用html2pdf.js,这个html转pdf方案能力是它的几十倍
前端·javascript·github
牛奶3 小时前
2026年大模型怎么选?前端人实用对比
前端·人工智能·ai编程
牛奶3 小时前
前端人为什么要学AI?
前端·人工智能·ai编程
Kagol5 小时前
🎉OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用!
前端·开源·agent
GIS之路6 小时前
ArcGIS Pro 中的 notebook 初识
前端
JavaGuide7 小时前
7 道 RAG 基础概念知识点/面试题总结
前端·后端
ssshooter7 小时前
看完就懂 useSyncExternalStore
前端·javascript·react.js
格砸8 小时前
从入门到辞职|从ChatGPT到OpenClaw,跟上智能时代的进化
前端·人工智能·后端
Live000008 小时前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉8 小时前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化