如何在react-vis的条形图中给出每个条形图上的值？

import { XYPlot, VerticalBarSeries, LabelSeries } from 'react-vis';
import 'react-vis/dist/style.css';

const data = [
  { x: 'A', y: 10 },
  { x: 'B', y: 15 },
  { x: 'C', y: 7 },
  // ...
];

render() {
  return (
    <XYPlot width={300} height={300}>
      <VerticalBarSeries data={data} />
    </XYPlot>
  );
}

render() {
  return (
    <XYPlot width={300} height={300}>
      <VerticalBarSeries data={data} />
      <LabelSeries
        data={data.map(obj => ({ ...obj, label: obj.y.toString() }))}
        labelAnchor="middle"
        labelStyle={{ fontSize: 12 }}
      />
    </XYPlot>
  );
}