需要用到grid屬性了
###內部圖表大小是與div容器大小位置相關的,如果想調整圖表大小位置,調整div的屬性就可以了###
###如果是想調整圖表與div間上下左右留白,則設置grid屬性就可以了###
如圖所示:
具體如下:
第一種方法:
邊緣與容器之間存在一定的間距。都是因為默認情況下grid的x、x2、y、y2做了數據設置。若想改變距離,則需要自己在options內對圖表參數進行設置。
myChart.setOption({ title:{ text:"價格指數" }, grid:{ x:0, //左側與y軸的距離 y:0, //top部與x軸的距離 x2:0, //右側與y軸的距離 y2:0 //bottom部與x軸的距離 borderWidth:1 }, ....
第二種方法:
在grid中有四個屬性:left right top botton ,可以用百分比和像素
grid:{ left: '5%', // 與容器左側的距離 right: '5%', // 與容器右側的距離 top: '5%', // 與容器頂部的距離 bottom: '5%', // 與容器底部的距離 },