option = {
series: [
{
type: 'bar',
data: [10, 20, 30, 40, 50],
label: {
show: true, // 是否显示标签
position: 'top', // 标签位置,可以是 'top'、'insideTop'、'inside' 等
color: '#3498db', // 标签文本颜色
fontSize: 12, // 标签字体大小
fontWeight: 'bold', // 标签字体粗细
formatter: '{c}', // 标签内容格式,{c} 表示数据值
emphasis: {
show: true, // 是否在高亮状态下显示标签
color: '#e74c3c', // 高亮状态下标签文本颜色
fontSize: 14 // 高亮状态下标签字体大小
// 其他配置...
}
},
// 其他配置...
}
]
// 其他配置项...
};
上述配置中,label 属性用于配置柱状图的文本标签,其中一些常用的配置项包括:
- show:是否显示标签。
- position:标签位置,可以是 'top'、'insideTop'、'inside' 等。
- color:标签文本颜色。
- fontSize:标签字体大小。
- fontWeight:标签字体粗细。
- formatter:标签内容格式,{c} 表示数据值。
- emphasis:高亮状态下的配置,可以设置高亮状态下的颜色、字体大小等。
通过调整这些配置项,你可以根据实际需求自定义柱状图文本标签的样式和显示内容。
转载请注明出处:http://www.pingtaimeng.com/article/detail/5402/ECharts