echarts 实现双y轴0刻度对齐 |
您所在的位置：网站首页 › 目录页码不在一条线上 › echarts 实现双y轴0刻度对齐 |
echarts 实现双y轴0刻度对齐
|
一开始是参照了这个链接实现echarts双y轴0刻度对齐进行的改造，但是发现放到项目里，会出现其中一个y轴刻度不显示的情况。 然后又参照了这个链接Echarts的双y轴0刻度对齐问题,这个方法也有个问题，是以0为分界线，实现0上和0下等分的情况，若值都是大于0的话，是无需0下部分的。 
效果图：无需0下部分
上面两种都不能有效解决问题，所以只能自己写了 第一步：分别找出双y轴的最大最小值 const max1 = Math.max(1, ...data1) || 1; const min1 = Math.min(0, ...data1) || 0; const max2 = Math.max(1, ...data2) || 1; const min2 = Math.min(0, ...data2) || 0;第二步：计算两组数据范围的比值(相当于比例尺) const ratio = (max1 - min1) / (max2 - min2);第三步：两组数据对阶,然后确定应当使用哪一组的数据作为最大值或最小值 if (max1 |
【本文地址】
今日新闻 |
推荐新闻 |