Echarts調整圖表上下左右的間距,Echarts調整柱狀圖左右的間距
阿新 • • 發佈:2017-05-05
contain div mage 收藏 上下 .com baidu ron 間距
Echarts調整圖表上下左右的間距,Echarts調整柱狀圖左右的間距
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
?Copyright 蕃薯耀 2017年5月5日
http://www.cnblogs.com/fanshuyao/
做了個柱狀圖的報表,如下:
但是圖和下面的表格沒有對齊,需要做邊距的調整。
在option內增加Grid屬性控制上下左右的間距,如下:
Js代碼- grid: {
- left: ‘8%‘,
- right: ‘0‘,
- bottom: ‘1%‘,
- containLabel: true
- }
grid
直角坐標系內繪圖網格,單個 grid 內最多可以放置上下兩個 X 軸,左右兩個 Y 軸。可以在網格上繪制折線圖,柱狀圖,散點圖(氣泡圖)。
文檔見:http://echarts.baidu.com/option.html#grid
最後效果如下:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
?Copyright 蕃薯耀 2017年5月5日
http://www.cnblogs.com/fanshuyao/
Echarts調整圖表上下左右的間距,Echarts調整柱狀圖左右的間距