有人知道如何使用ng图表创建一个双向条形图吗？请看图片了解我正在尝试实现的

我目前有一个堆叠条形图，那么是否有一种方法可以修改此代码，将其更改为双向图表？
组件.ts代码：

public chartData = [
    {
      data: [1, 5, 2, 2, 3],
      label: "Type 1",
      blob: "a",
    },
    {
      data: [5, 2, 3, 3, 2],
      label: "Type 2",
      blob: "a",
    },
  ];
  public chartLabels = [
    "Name 1",
    "Name 2",
    "Name 3",
    "Name 4",
    "Name 5",
  ];
  public chartPlugins = [];
  public chartOptions = {
    scales: {
      yAxes: [
        {
          display: true,
          stacked: true,
        },
      ],
      xAxes: [
        {
          display: true,
          stacked: true,
        },
      ],
    },
  };
  public chartColors = [
    {
      backgroundColor: "red",
      borderColor: "red",
    },
    {
      backgroundColor: "green",
      borderColor: "green",
    },
  ];

Html代码：

<canvas
    baseChart
    [datasets]="chartData"
    [labels]="chartLabels"
    [options]="chartOptions"
    [plugins]="chartPlugins"
    [colors]="chartColors"
    [legend]="true"
    [chartType]="'bar'">
  </canvas>