Echarts資料視覺化title標題,開發全解+完美註釋
阿新 • • 發佈:2019-02-07
全棧工程師開發手冊 (作者:欒鵬)
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, //陰影的模糊大小
};