AntD双Y轴分组柱状图实现问题求助

我尝试使用AntD的DualAxes组件构建双Y轴分组柱状图，调整多种配置后仍无法实现预期效果：

• 预期效果：双Y轴布局，每个时间节点下有两组并列的柱状图，分别对应uv和bill两类数据
• 当前效果：未实现分组并列的柱状图布局，不符合预期视觉呈现

以下是我的实现代码：

import React from "react";
import ReactDOM from "react-dom";
import { DualAxes } from "@ant-design/plots";

const DemoDualAxes = () => {
  const uvData = [
    {
      time: "2019-03",
      value: 350,
      type: "uv"
    },
    {
      time: "2019-04",
      value: 900,
      type: "uv"
    },
    {
      time: "2019-05",
      value: 300,
      type: "uv"
    },
    {
      time: "2019-06",
      value: 450,
      type: "uv"
    },
    {
      time: "2019-07",
      value: 470,
      type: "uv"
    }
  ];
  const billData = [
    {
      time: "2019-03",
      values: 220,
      type: "bill"
    },
    {
      time: "2019-04",
      values: 300,
      type: "bill"
    },
    {
      time: "2019-05",
      values: 250,
      type: "bill"
    },
    {
      time: "2019-06",
      values: 220,
      type: "bill"
    },
    {
      time: "2019-07",
      values: 362,
      type: "bill"
    }
  ];
  const config = {
    data: [uvData, billData],
    xField: "time",
    yField: ["value", "values"],
    geometryOptions: [
      {
        geometry: "column",
        isGroup: true,
        groupField: "value",
        seriesField: "type"
      },
      {
        geometry: "column",
        isStack: true,
        groupField: "values",
        seriesField: "type"
      }
    ]
  };
  return <DualAxes {...config} />;
};

ReactDOM.render(<DemoDualAxes />, document.getElementById("container"));

内容的提问来源于stack exchange，提问作者Ronak Radadiya