ECharts配置項之title(標題)


1.標題居中

//left的值為'left', 'center', 'right'
title:{
    left:'center'
}

 

2.主副標題之間的間距

title:{
    //默認為10
     itemGap:20   
}

3.標題文本樣式

title:{
     text:'標題文本',
     textStyle:{
        //文字顏色
        color:'#ccc',
        //字體風格,'normal','italic','oblique'
        fontStyle:'normal',
        //字體粗細 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
        fontWeight:'bold',
        //字體系列
        fontFamily:'sans-serif'
//字體大小
     fontSize:18
 } }

4.副標題

title:{
    subtext:'副標題',
  //副標題文本樣式
  subtextStyle:{}
}

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

title:{
    // left 的值可以是像 20 這樣的具體像素值,可以是像 '20%' 這樣相對於容器高寬的百分比,也可以是 'left', 'center', 'right'。
    //如果 left 的值為'left', 'center', 'right',組件會根據相應的位置自動對齊。
   left:'center'      
}

同理,top,right,bottom用法同left.

 


免責聲明!

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



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