Echarts調整圖表上下左右的間距,Echarts調整柱狀圖左右的間距


Echarts調整圖表上下左右的間距,Echarts調整柱狀圖左右的間距

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright 蕃薯耀 2017年5月5日

http://www.cnblogs.com/fanshuyao/

 

做了個柱狀圖的報表,如下:


但是圖和下面的表格沒有對齊,需要做邊距的調整。

 


 

在option內增加Grid屬性控制上下左右的間距,如下:

Js代碼   收藏代碼
  1. grid: {  
  2.      left: '8%',  
  3.      right: '0',  
  4.     bottom: '1%',  
  5.     containLabel: true  
  6. }  

  grid

直角坐標系內繪圖網格,單個 grid 內最多可以放置上下兩個 X 軸,左右兩個 Y 軸。可以在網格上繪制折線圖柱狀圖散點圖(氣泡圖)

文檔見:http://echarts.baidu.com/option.html#grid

 

最后效果如下:

 

(如果你覺得文章對你有幫助,歡迎捐贈,^_^,謝謝!) 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright 蕃薯耀 2017年5月5日

http://www.cnblogs.com/fanshuyao/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM