echarts解决双Y轴图形横线间距不一致


  • 摆问题:如下图

  • 找原因:左侧Y轴21处 对应 右侧Y轴180处,那么右侧Y轴150处,应该对应左侧Y轴的多少呢?(此处为方便观察,同时缩小100000倍)
  • 计算:21/180 = ?/150  结果:? = 17.5  故右侧Y轴150处,应该对应左侧Y轴的1750000处,自然分隔线就不一致了。
  • 解决方法:不显示右侧Y轴分隔线  关键词——splitLine  官网链接:https://echarts.apache.org/zh/option.html#xAxis.splitLine.show  
  • 具体如下:
 1 yAxis: [
 2           {
 3             type: 'value',
 4             name: '总股本(万股)',
 5           },
 6           {
 7             type: 'value',
 8             name: '营业收入(万元)',
 9             splitLine: {
10               show: false
11             }
12           }
13         ],
  • 最终效果:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM