在 AntV 中,可以使用 'label' 配置项来在柱子中间和上方添加文字。具体实现如下:

  1. 在柱状图的配置项中添加 'label' 配置项:
const options = {
  data,
  xField: 'x',
  yField: 'y',
  label: {
    position: 'middle', // 文字位置,'middle' 表示在柱子中间,'top' 表示在柱子顶部
    style: {
      fill: '#fff', // 文字颜色
    },
  },
};
  1. 在 'style' 配置项中设置文字颜色。

以上代码中,'position' 配置项可以设置文字的位置,'style' 配置项可以设置文字的颜色、字体大小等样式。根据实际需求进行修改即可。

AntV 柱状图添加文字:中间和上方显示标签

原文地址: https://www.cveoy.top/t/topic/mQue 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录