ngx-chart 不适用卡号样式

Question

我使用 ngx-charts 库来表示信息，我需要使用特定的图表，但样式与我在下面提供的示例不一样：

https://stackblitz.com/edit/vertical-bar-chart-bwghvr?embed=1&file=app/app.component.ts

我的数据：

 colorScheme = {
   domain: ['#FFE800', '#E44D25', '#CFC0BB']
 };

 cardColor: string = '#232837';
 data: any[] = [
  {
    name: "Chile",
    value: "2000"
  },
  {
    name: "Argentina",
    value: "1500"
  },
  {
    name: "Holanda",
    value: "751"
  }
];

还有我的 html：

  <div class="row">
    <div class="col-md-12">
        <ngx-charts-number-card
          [view]="[700, 200]"
          [scheme]="colorScheme"
          [results]="data"
          [cardColor]="cardColor"
          [animations]="true"
          [bandColor]="'#00FF48'"
          [innerPadding]="20">
        </ngx-charts-number-card>
     </div>
  </div>

但结果是

如你所见，卡片没有分开