1. 程式人生 > >Echarts調整圖表上下左右的間距,Echarts調整柱狀圖左右的間距

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

contain div mage 收藏 上下 .com baidu ron 間距

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/

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