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//阴影垂直偏移距离
}
})
echarts-option属性title详解
最新推荐文章于 2024-02-10 02:29:17 发布