Angular PrimeNG p-chart图表未显示

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ChartModule } from 'primeng/chart';

@NgModule({
  imports: [
    BrowserModule,
    ChartModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

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

@Component({
  selector: 'app-chart',
  template: `
    <p-chart type="bar" [data]="chartData" [options]="chartOptions"></p-chart>
  `
})
export class ChartComponent {
  chartData: any;
  chartOptions: any;

  constructor() {
    this.chartData = {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Data 1',
          data: [65, 59, 80, 81, 56, 55, 40]
        },
        {
          label: 'Data 2',
          data: [28, 48, 40, 19, 86, 27, 90]
        }
      ]
    };

    this.chartOptions = {
      responsive: true
    };
  }
}

:host ::ng-deep .p-chart {
  width: 100%;
  height: 400px;
}