echarts-option属性title详解

setOption({
	title:{//可以是字符串 也可以是对象,这里做对象说明
		id:'string',//组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。
		show:boolean,//是否显示标题组件,布尔值
		text:'string',//标题文本,可以用\n换行
		link:'string',//主标题文本超链接。
		target:'self||blank',//指定窗口打开主标题超链接。
		//'self'——当前窗口,'blank'——新窗口
		textStyle:{Object},//主标题文本样式,驼峰属性名
		subtext:'string',//副标题文本,可以用\n换行
		sublink:'string',//副标题文本超链接。
		subtarget:'self||blank',//指定窗口打开主标题超链接。
		subtextStyle:{Object},//副标题文本样式,驼峰属性名
		textAlign:'auto||left||right||center',//整体(包括text和subtext)的水平对齐方式
		textVerticalAlign:'auto||top||middle||bottom',//整体(包括text和subtext)的垂直对齐方式
		triggerEvent:boolean,//是否触发事件
		padding:number||array,//标题内边距,单位px,默认各方向内边距为5,接受数组分别设定边距。
		//示例
		//padding: 5,设置内边距为 5
		//padding: [5, 10],设置上下的内边距为 5,左右的内边距为 10
		//padding:[5,10,15,20],分别设置上右下左边距为5,10,15,20
		itemGap:number,//主副标题之间的间距
		zlevel:number,//标题的zlevel值
		//zlevel用于 Canvas 分层,不同zlevel值的图形会放置在不同的 Canvas 中,
		//Canvas 分层是一种常见的优化手段。
		//我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel。
		//需要注意的是过多的 Canvas 会引起内存开销的增大,在手机端上需要谨慎使用以防崩溃。
		//zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。
		z:number,//标题的z值
		//z值控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。
		//z相比zlevel优先级更低,而且不会创建新的 Canvas。
		left:'auto'||number,
		right:'auto'||number,
		top:'auto'||number,
		bottom:'auto'||number,
		//title组件距离canvas容器的距离,默认自适应
		backgroundColor:color,
		borderColor:color,
		borderWidth:number,//边框的宽度
		borderRadius:number||array,//圆角半径,单位px,传入number类型为四个方向统一设置圆角半径
		//支持传入数组分别指定 4 个圆角半径,顺序为(顺时针左上,右上,右下,左下)
		shadowBlur:number,//图形阴影的模糊大小
		//该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
		//注意:此配置项生效的前提是
		//设置了 show: true 以及值不为 tranparent 的背景色 backgroundColor。
		shadowColor:color,//阴影颜色
		shadowOffsetX:number,//阴影水平偏移距离
		shadowOffsetY:number//阴影垂直偏移距离
	}
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

青night

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值