Echarts中optionのtitle
2928 ワード
var myChart = echarts.init(document.getElementById("d1"));//
var option = {
title:{
show:"true",// , ,
text:"echarts ",//
link:"http://echarts.baidu.com/",//
target:"blank",// ,blank ,self , a
textStyle:{//
color:'#e4393c',//
fontStyle:'normal',// , normal, italic( ),oblique( )
fontWeight:"lighter",// normal( ),bold( ),bolder( ),lighter( ),100|200|300|400|500...
fontFamily:"san-serif",// ,
fontSize:18// , 18px
},
textAlign:'left',// , , , ,
textBaseline:"top",// , ,
subtext:" : ",// ,
sublink:"http://blog.csdn.net/zhaoxiang66",//
subtarget:"blank",// ,blank ,self
subtextStyle:{//
color:'green',//
fontStyle:'normal',// , normal, italic( ),oblique( )
fontWeight:"lighter",// normal( ),bold( ),bolder( ),lighter( ),100|200|300|400|500...
fontFamily:"san-serif",// ,
fontSize:12// , 12px
},
padding:5,// , 5,
itemGap:10,// ,
left:"center",//left 20 , '20%' , 'left', 'center', 'right', left 'left', 'center', 'right', 。
top:"center",//left 20 , '20%' , 'left', 'center', 'right', left 'left', 'center', 'right', 。
right:"auto",//right 20 , '20%' 。
bottom:"auto",//bottom 20 , '20%' 。
//left center
//top center
backgroundColor:"#ccc",// , , RGB , 'rgb(128, 128, 128)' , alpha , RGBA, 'rgba(128, 128, 128, 0.5)', , '#ccc'
borderColor:"red",// , backgroundColor
borderWidth:2,// , 0,
shadowBlur: 10,// 。 shadowColor,shadowOffsetX, shadowOffsetY 。
shadowColor: "black",
shadowOffsetX: 0,
shadowOffsetY: 0,
}
}
myChart.setOption(option);