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         ],
  • 最终效果:

 

 

posted @ 2022-03-07 19:36  yesok  阅读(1465)  评论(2编辑  收藏  举报