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

相关推荐
夏鹏今天学习了吗3 小时前
【性能优化】前端高性能优化策略
前端·性能优化
weixin_427771616 小时前
css font-size 的妙用
前端·css
凤凰战士芭比Q7 小时前
web中间件——Nginx
前端·nginx·中间件
一 乐8 小时前
点餐|智能点餐系统|基于java+ Springboot的动端的点餐系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序·论文
视图猿人8 小时前
RxJS基本使用及在next.js中使用的例子
开发语言·javascript
bitbitDown8 小时前
从零打造一个 Vite 脚手架工具:比你想象的简单多了
前端·javascript·面试
liangshanbo12159 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css
码上成长10 小时前
GraphQL:让前端自己决定要什么数据
前端·后端·graphql
冴羽10 小时前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘10 小时前
vue下载项目内静态文件
前端·javascript·vue.js