echart圖表位置調整


需要用到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%', // 與容器底部的距離
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM