Diagramme à secteurs Primeng n'affichant pas

Question

Je souhaite afficher un graphique à secteurs sur l'écran de mon tableau de bord. Suivi de l'exemple sur le site Web Primefaces. Mais ça ne fonctionne pas. Voici mon code. S'il vous plaît laissez-moi savoir si je manque des importations.

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 page

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

** Sortie **

Answer 1

Vous devez chart.js pour qu'il function.do

npm install chart.js --save 

et inclure dans votre fichier cli.json angulaire

"scripts": [ 
"../node_modules/chart.js/dist/Chart.js", 
//..others 
], 

Hope this helps

Mise à jour: Essayez ceci

ngOnInit() { 

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