echarts 双y轴0刻度线对称
第一步:分别找出双y轴的最大最小值
const max1 = Math.max(...data1);
const min1 = Math.min(...data1) ;
const max2 = Math.max(...data2) ;
const min2 = Math.min(...data2) ;
第二步:计算两组数据范围的比值(相当于比例尺)
const ratio = (max1 - min1) / (max2 - min2);
第三步:两组数据对阶,然后确定应当使用哪一组的数据作为最大值或最小值
if (max1 < max2 * ratio) {
y1Max = max2 * ratio;
y2Max = max2;
} else {
y1Max = max1;
y2Max = max1 / ratio;
}
if (min1 < min2 * ratio) {
y1Min = min1;
y2Min = min1 / ratio;
} else {
y1Min = min2 * ratio;
y2Min = min2;
}
第四步:给y轴分别设置最大最小值(乘以1.2是为了最大最小值不在顶格的位置)
yAxis: [
{
...
max: (y1Max * 1.2).toFixed(0),
min: (y1Min * 1.2).toFixed(0),
...
},
{
...
max: (y2Max * 1.2).toFixed(0),
min: (y2Min * 1.2).toFixed(0),
...
}
],
__EOF__

本文链接:https://www.cnblogs.com/g-14/p/17295770.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了