ant/g2 每条柱形最上图上方展示值

您可以使用Ant Design的<Tooltip>组件来实现在柱形图上方展示值的功能。首先，在<Bar>组件中设置valueAccessor属性来指定展示的值。然后，在<Bar>组件外面包裹一个<Tooltip>组件，并设置title属性为展示的值，这样当鼠标移动到柱形图上时，就会显示该值。

以下是一个示例代码片段：

import { Bar, Tooltip } from '@ant-design/charts';

const data = [
  { year: '2019', sales: 100 },
  { year: '2020', sales: 200 },
  { year: '2021', sales: 300 },
];

const config = {
  data,
  xField: 'year',
  yField: 'sales',
  valueAccessor: (data) => data.sales, // 设置展示的值
  label: {
    position: 'middle',
    style: {
      fill: '#FFFFFF',
    },
  },
  // 包裹一个 Tooltip 组件
  tooltip: {
    title: (data) => data.sales, // 设置展示的值
  },
};

<Bar {...config} />;