ECharts图表标题(title)系列使⽤详解title
说明:图表标题。
1 title.show
说明:是否显⽰标题组件。
默认值:true。
可选值:
(1) true,显⽰标题。
(2) false,隐藏标题。
说明:主标题⽂本,⽀持使⽤ \n 换⾏。
默认值:''
Style
说明:主标题样式。
3.lor
说明:主标题⽂字字体的颜⾊。
默认值:'#333'。
3.Style.fontStyle
说明:主标题⽂字字体的风格。
默认值:'normal'。
可选值:
(1) 'normal',正常风格。
(2) 'italic',倾斜体。
(3) 'oblique',倾斜体。
3.Style.fontWeight
说明:主标题⽂字字体的粗细。
默认值:'normal'。
可选值:
(1) 'normal',正常粗细。
(2) 'bold',粗体。
(3) 'bolder',粗体。
(4) 'lighter',正常粗细。
3.Style.fontFamily
说明:主标题⽂字的字体。
默认值:'sans-serif'。
可选值:
(1) 'sans-serif'。
(2) 'serif'。
(3) 'monospace'。
(4) 'Arial'。
(5) 'Courier New'。
(6) 'Microsoft YaHei',微软雅⿊。
3.Style.fontSize
说明:主标题⽂字的字体⼤⼩。
默认值:18。
3.Style.lineHeight
说明:主标题⾏⾼。
默认值:跟textStyle.fontSize⼀致。
4 title.subtext
说明:副标题⽂本,⽀持使⽤ \n 换⾏。
默认值:''。
5 title.subtextStyle
说明:副标题样式。
5.1 lor
说明:副标题⽂字字体的颜⾊。
默认值:'#aaa'。
5.2 title.subtextStyle.fontStyle 说明:副标题⽂字字体的风格。
默认值:'normal'。
可选值:
(1) 'normal',正常风格。
(2) 'italic',倾斜体。
(3) 'oblique',倾斜体。
5.3 title.subtextStyle.fontWeight 说明:副标题⽂字字体的粗细。
默认值:'normal'。
可选值:
(1) 'normal',正常粗细。
(2) 'bold',粗体。
(3) 'bolder',粗体。
(4) 'lighter',正常粗细。
5.4 title.subtextStyle.fontFamily
说明:副标题⽂字的字体。
默认值:'sans-serif'。
fontweight属性bold
可选值:请参考3.Style.fontFamily 5.5 title.subtextStyle.fontSize
说明:副标题⽂字的字体⼤⼩。
默认值:12。
5.6 title.subtextStyle.lineHeight
说明:副标题⾏⾼。
默认值:跟subtextStyle.fontSize⼀致。
5.7 title.subtextStyle.align
说明:副标题⽂字⽔平对齐⽅式。
默认值:⾃动。
可选值:
(1) 'left',左对齐。
(2) 'center',⽔平居中对齐。
(3) 'right',右对齐。
5.8 title.subtextStyle.verticalAlign 说明:副标题⽂字垂直对齐⽅式。
默认值:⾃动。
可选值:
(1) 'top',顶部对齐。
(2) 'middle',垂直居中对齐。
(3) 'bottom',底部对齐。
Align
说明:整体(包括 text 和 subtext)的⽔平对齐。默认值:'auto'。
可选值:
(1) 'auto'。
(2) 'left',左对齐。
(3) 'center',⽔平居中对齐。
(4) 'right',右对齐。
VerticalAlign
说明:整体(包括 text 和 subtext)的垂直对齐。
默认值:'auto'。
可选值:
(1) 'auto'。
(2) 'top',顶部对齐。
(3) 'middle',垂直居中对齐。
(4) 'bottom',底部对齐。
8 title.padding
说明:标题内边距,单位px,默认各⽅向内边距为5,接受数组分别设定上右下左内边距。默认值:5。
可选值:
(1) 5,上右下左内边距都为5。
(2) [5, 10],上下的内边距为 5,左右的内边距为 10。
(3) [ 5,6, 7, 8],上内边距为5,右内边距为6,下内边距为7,左内边距为8。
9 title.left
说明:title 组件离容器左侧的距离。
默认值:'auto'。
可选值:
(1) 'auto'。
(2) '5',距离以px为单位。
(3) '5%'。
10 title.rigth
说明:title 组件离容器右侧的距离。
默认值:'auto'。
可选值:请参考9 title.left。
p
说明:title 组件离容器上侧的距离。
默认值:'auto'。
可选值:请参考9 title.left。
12 title.bottom
说明:title 组件离容器下侧的距离。默认值:'auto'。
可选值:请参考9 title.left。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。