AntV 柱状图添加文字:中间和上方显示标签
在 AntV 中,可以使用 'label' 配置项来在柱子中间和上方添加文字。具体实现如下:
- 在柱状图的配置项中添加 'label' 配置项:
const options = {
data,
xField: 'x',
yField: 'y',
label: {
position: 'middle', // 文字位置,'middle' 表示在柱子中间,'top' 表示在柱子顶部
style: {
fill: '#fff', // 文字颜色
},
},
};
- 在 'style' 配置项中设置文字颜色。
以上代码中,'position' 配置项可以设置文字的位置,'style' 配置项可以设置文字的颜色、字体大小等样式。根据实际需求进行修改即可。
原文地址: https://www.cveoy.top/t/topic/mQue 著作权归作者所有。请勿转载和采集!