1. 程式人生 > >Echarts資料視覺化title標題,開發全解+完美註釋

Echarts資料視覺化title標題,開發全解+完美註釋

全棧工程師開發手冊 (作者:欒鵬)

Echarts資料視覺化title標題詳解:

mytextStyle={
    color:"#333",                           //文字顏色
    fontStyle:"normal",                     //italic斜體  oblique傾斜
    fontWeight:"normal",                    //文字粗細bold   bolder   lighter  100 | 200 | 300 | 400...
    fontFamily:"sans-serif"
, //字體系列 fontSize:18, //字型大小 }; title={ show:true, //是否顯示 text:"大標題", //大標題 subtext:"小標題", //小標題 sublink:"http://www.baidu.com", //小標題連結 target:"blank"
, //'self' 當前視窗開啟,'blank' 新視窗開啟 subtarget:"blank", //小標題開啟連結的視窗 textAlign:"center", //文字水平對齊 textBaseline:"top", //文字垂直對齊 textStyle:mytextStyle, //標題樣式 subtextStyle:mytextStyle, //
小標題樣式 padding:5, //標題內邊距 5 [5, 10] [5,10,5,10] itemGap:10, //大小標題間距 zlevel:0, //所屬圖形的Canvas分層,zlevel 大的 Canvas 會放在 zlevel 小的 Canvas 的上面 z:2, //所屬元件的z分層,z值小的圖形會被z值大的圖形覆蓋 left:"center", //元件離容器左側的距離,'left', 'center', 'right','20%' top:"top", //元件離容器上側的距離,'top', 'middle', 'bottom','20%' right:"auto", //元件離容器右側的距離,'20%' bottom:"auto", //元件離容器下側的距離,'20%' backgroundColor:"transparent", //標題背景色 borderColor:"#ccc", //邊框顏色 borderWidth:0, //邊框線寬 shadowColor:"red", //陰影顏色 shadowOffsetX:0, //陰影水平方向上的偏移距離 shadowOffsetY:0, //陰影垂直方向上的偏移距離 shadowBlur:10, //陰影的模糊大小 };