ECharts grid組件離容器的距離 由 Carrie 創建, 最後一次修改 2017-09-04 ECharts grid組件離容器的距離 ECharts grid組件離容器的距離 由 Carrie 創建, 最後一次修改 2017-09-04 grid.left | string, numbe ...
ECharts grid組件離容器的距離
由 Carrie 創建, 最後一次修改 2017-09-04grid.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,//滾動條的實現