echart柱状图series属性设置label显示字体大小及字体样式
直接上代码
series: [
{
label: {
show: true, // 是否显示标签
position: 'top', // 标签位置,可选值为:top、bottom、center、inside(柱状图内部)、outside(柱状图外部)
textStyle: {
color: '#333', // 标签字体颜色
fontSize: 14, // 标签字体大小
fontWeight: 'bold', // 标签字体加粗
fontStyle: 'italic', // 标签字体斜体
fontFamily: 'Arial' // 标签字体
}
},
data: [/* 数据 */]
}
]
其中,textStyle属性用于设置字体样式,包括字体颜色、字体大小、字体加粗、字体斜体、字体。
例如,将标签字体大小设置为16,字体颜色设置为蓝色:
series: [
{
label: {
show: true, // 是否显示标签
position: 'top', // 标签位置
textStyle: { // 字体样式
color: 'blue', // 标签字体颜色
fontSize: 16, // 标签字体大小
}
},
data: [/* 数据 */]
}
]