echarts-title

版本: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,
    }
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值