ant/g2 每条柱形图上方展示值 使用interval

在Ant Design和G2中，都可以使用`interval`几何标记来展示柱状图，并且可以设置`label`属性来在每个柱形图上方展示值。

在G2中，您可以使用以下代码来展示柱状图并显示值：

const chart = new G2.Chart({
  container: 'container',
  width: 600,
  height: 400,
});

chart.data(data);

chart.interval().position('x*y').label('y', {
  position: 'top',
  offset: 5,
  style: {
    fill: '#fff',
    textAlign: 'center',
  },
});

chart.render();

在上面的代码中，`interval`几何标记被用于展示柱状图，`position`方法设置了x轴和y轴的属性，`label`方法则设置了标签的属性，包括位置、偏移量和样式等。

在Ant Design中，您可以使用`<Bar>`组件来展示柱状图，并设置`label`属性来在每个柱形图上方展示值。以下是一个示例代码：

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

const data = [
  { year: '2015', sales: 30 },
  { year: '2016', sales: 50 },
  { year: '2017', sales: 70 },
  { year: '2018', sales: 90 },
];

const config = {
  data: data,
  xField: 'year',
  yField: 'sales',
  label: {
    position: 'top',
    style: {
      fill: '#fff',
      textAlign: 'center',
    },
  },
};

const MyBarChart = () => <Bar {...config} />;

export default MyBarChart;

在上面的代码中，`<Bar>`组件被用于展示柱状图，`data`属性设置了数据，`xField`和`yField`属性设置了x轴和y轴的属性，`label`属性则设置了标签的属性，包括位置和样式等。