ECharts grid組件離容器的距離

ECharts grid組件離容器的距離

由 Carrie 建立， 最後一次修改 2017-09-04

grid.left   |   string, number

[ default: '10%' ]

grid 組件離容器左側的距離。

left 的值能夠是像 20 這樣的具體像素值，能夠是像 '20%' 這樣相對於容器高寬的百分比，也能夠是 'left', 'center', 'right'。

若是 left 的值爲'left', 'center', 'right'，組件會根據相應的位置自動對齊。

---

grid.top   |   string, number

[ default: 60 ]

grid 組件離容器上側的距離。

top 的值能夠是像 20 這樣的具體像素值，能夠是像 '20%' 這樣相對於容器高寬的百分比，也能夠是 'top', 'middle', 'bottom'。

若是 top 的值爲'top', 'middle', 'bottom'，組件會根據相應的位置自動對齊。

---

grid.right   |   string, number

[ default: '10%' ]

grid 組件離容器右側的距離。

right 的值能夠是像 20 這樣的具體像素值，能夠是像 '20%' 這樣相對於容器高寬的百分比。

---

grid.bottom   |   string, number

[ default: 60 ]

grid 組件離容器下側的距離。

bottom 的值能夠是像 20 這樣的具體像素值，能夠是像 '20%' 這樣相對於容器高寬的百分比。

---

grid.width   |   string, number

[ default: 'auto' ]

grid 組件的寬度。默認自適應。

---

grid.height   |   string, number

[ default: 'auto' ]

grid 組件的高度。默認自適應。

以上來自官方api 

項目實例：

grid: { left: '3%', right: '3%', bottom: '5%',// 這幾個屬性能夠控制圖表上下左右的空白尺寸，能夠本身試試。 containLabel: true }, dataZoom: dataZooms，//滾動條的實現