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