版本:version: “4.2.0”
var setOption = {
// title:标题组件,包含主标题和副标题。
title: {
show: true, // 是否显示标题组件。boolean,默认true
text: '主标题', // 主标题文本,支持使用 \n 换行。string,默认''。
link: "", // 主标题文本超链接。string,默认"".
target: 'blank', // 指定窗口打开主标题超链接。string,默认blank:'self'当前窗口打开;'blank'新窗口打开
textStyle: {
color: "#333", // 主标题文字的颜色。默认#333
fontStyle: "normal", // 主标题文字字体的风格。默认:normal;可选:normal,italic,oblique
fontWeight: "normal", // 主标题文字字体的粗细.默认:normal;可选:normal,bold,bolder,lighter,100||200||300||400...
fontFamily: "sans-serif", // 主标题文字的字体系列.默认:sans-serif;可选:
fontSize:18, // 主标题文字的字体大小. 默认18,number,默认18,
align:"", // 文字水平对齐方式,默认自动。可选:left,center,right ; 对齐方式好像没起作用!!!!!!!
verticalAlign:"bottom", // 文字垂直对齐方式,默认自动。可选:top,middle,bottom
width:300, // 文字块的宽度。number,string
height:300, // 文字块的高度。number,string
lineHeight:10, // 行高。 number
textBorderColor:'red', // 文字本身的描边颜色。默认:transparent
textBorderWidth:5, // 文字本身的描边宽度。 默认:0
textShadowColor:'blue', // 文字本身的阴影颜色。 默认transparent
textShadowBlur:10, // 文字本身的阴影长度。默认:0
textShadowOffsetX:4, // 文字本身的阴影 X 偏移。默认:0
textShadowOffsetY:4, // 文字本身的阴影 Y 偏移。默认:0
},
subtext:"子标题", // 副标题文本,支持使用 \n 换行。
sublink:"", // 副标题文本超链接。
subtarget:"", // 指定窗口打开副标题超链接
subtextStyle:{ // 子标题的样式设置,于主标题相同的!!!!!!
align :'right',
verticalAlign:"top",
// ......
},
padding:5, // 标题内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距。number
itemGap:10, // 主副标题之间的间距。number,默认10,(上下的间距:margin-top)
zlevel:0, // 所有图形的 zlevel 值。number,默认0,大的在上面
z:-1, // 组件的所有图形的z值。控制图形的前后顺序。默认:2;z值小的图形会被z值大的图形覆盖。z相比zlevel优先级更低,而且不会创建新的 Canvas。
left:"center", // title组件离容器左侧的距离。默认:auto;string,number; 20%,left,center,right,
top:"middle", // title组件离容器上侧的距离。默认:auto;string,number;20%,top,middle,bottom,
right:'auto', // 前两个已经能起作用了,没必要写全的!!!
bottom:'auto',
backgroundColor:'red', // 标题背景色,默认透明。
borderColor:"blue", // 标题的边框颜色。默认:#ccc
borderWidth:2, // 标题的边框线宽。number,默认:0
borderRadius:4, // 圆角半径,单位px,支持传入数组分别指定 4 个圆角半径。默认:0;number,Array;
shadowBlur:4, // 图形阴影的模糊大小。
shadowColor:"green", // 阴影颜色。
shadowOffsetX:4, // 阴影水平方向上的偏移距离。number;默认:0;
shadowOffsetY:4,
}
}