Primeng饼图未显示

Question

我想在仪表板屏幕中显示饼图。 按照primefaces网站上的例子。但它没有用。 以下是我的代码。请告诉我是否缺少任何进口产品。

app.module.ts

   import {ChartModule} from 'primeng/primeng';

    @NgModule({
    --
    --
    imports: [
    --
    --
    ChartModule

component.ts

  piedata: any;


 ngOnInit() {

  this.piedata = {
            labels: ['A','B','C'],
            datasets: [
                {
                    piedata: [300, 50, 100],
                    backgroundColor: [
                        "#FF6384",
                        "#36A2EB",
                        "#FFCE56"
                    ],
                    hoverBackgroundColor: [
                        "#FF6384",
                        "#36A2EB",
                        "#FFCE56"
                    ]
                }]
            };
}

Html页面

<p-chart type="pie" [data]="piedata"></p-chart>

**输出**