以下是一个简单的示例,演示如何设置 ECharts 图表的副标题文本:
option = {
title: {
text: '主标题',
subtext: '这是副标题',
textStyle: {
fontSize: 18,
fontWeight: 'bold'
},
subtextStyle: {
color: '#666',
fontSize: 14
}
},
// 其他配置项...
};
在这个例子中:
- 主标题的文本通过 text 属性设置为 "主标题"。
- 副标题的文本通过 subtext 属性设置为 "这是副标题"。
- textStyle 定义了主标题的样式,包括字体大小和粗细。
- subtextStyle 定义了副标题的样式,包括颜色和字体大小。
你可以根据实际需求调整这些属性的值。在标题设置中,主标题和副标题是一起出现的,样式的设置同样灵活,可以通过 textStyle 和 subtextStyle 来实现。
以下是一个更详细的示例:
option = {
title: {
text: '某某统计报表',
subtext: '2023年第一季度',
textStyle: {
color: 'darkblue',
fontSize: 24,
fontWeight: 'bold',
fontStyle: 'italic', // 可选,文字样式,可以是 'normal' 或 'italic'
lineHeight: 40 // 可选,行高
},
subtextStyle: {
color: '#666',
fontSize: 16
}
},
// 其他配置项...
};
这个例子中,主标题文本为 "某某统计报表",副标题文本为 "2023年第一季度",并且样式进行了更多的定制。
转载请注明出处:http://www.zyzy.cn/article/detail/5108/ECharts