Angular mat卡片不会包装ngx-charts元素

<mat-card>
  <mat-card-content>
    <ngx-charts-bar-vertical [view]="view" [scheme]="colorScheme" [results]="chartData"></ngx-charts-bar-vertical>
  </mat-card-content>
</mat-card>

import { Component } from '@angular/core';

@Component({
  selector: 'app-chart',
  templateUrl: './chart.component.html',
  styleUrls: ['./chart.component.css']
})
export class ChartComponent {
  view: any[] = [500, 300];
  colorScheme = {
    domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
  };
  chartData = [
    {
      name: 'Series 1',
      value: 10
    },
    {
      name: 'Series 2',
      value: 5
    },
    {
      name: 'Series 3',
      value: 3
    },
    {
      name: 'Series 4',
      value: 7
    }
  ];
}