antd - Ant设计图表，如何在柱形图中显示重复名称的数据

Question

我有一组看起来像这样的对象

 [{type: 'apples', sales: 52},
  {type: 'apples', sales: 62},
  {type: 'apples', sales: 72}]

我想用这些数据从Ant Design Charts构建一个柱形图，但我只有一个，而不是 3 列。
我看不到如何让它分别显示每条记录。

这是一个代码https://codesandbox.io/s/goofy-wind-i06ul?file=/App.tsx

谢谢您的帮助！