echarts 調整圖表 位置 的方法


想做一個漂亮的圖表,用上了背景圖片,做的很唯美(自認為);

 

 

 但是無論怎么弄都不行,x軸和下面的背景線和y軸的線左側的背景線不吻合,很是懊惱;

后來看了網友的文章,用了面的屬性,輕松搞定

 

 myChart.setOption({  
                title:{
                    text:"價格指數"
                },
                grid:{
                    x:0,
                    y:0,
                    x2:0,
                    y2:90,
                    borderWidth:1
                },
            

(此圖是偷的)

 

  看了上圖,如果是想調整圖表與div間上下左右留白,則設置grid屬性就可以了

 我看網上說這個不起作用,但是我的效果已經實現了;

 如果不起作用,你可以試試下面的代碼

myChart.setOption({  
                title:{
                    text:"圖表1"
                },
                grid:{
                    left:'8%',
                    right:'0',
                    bottom:'1%',
                    containLabel:true
                },
  

  

 


免責聲明!

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



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