Diagramm Js Donut-Diagramm mit Fehler

Question

Bevor ich chart.js Version 1.0 verwendet wurde.

Jetzt haben wir die js mit vesion 2.4.0 aktualisiert aber immer folgende Fehler

var data = [ 
{ 
    value: 20, 
    color: "cornflowerblue", 
    highlight: "lightskyblue", 
    label: "JavaScript" 
}, 
{ 
    value: 50, 
    color: "lightgreen", 
    highlight: "yellowgreen", 
    label: "HTML" 
}, 
{ 
    value: 40, 
    color: "orange", 
    highlight: "darkorange", 
    label: "CSS" 
} 
]; 
var options = { responsive: true }; 
var element = component.find('chart').getElement(); 
var ctx = element.getContext('2d'); 
var chart = new Chart(ctx).Doughnut(data); 

===================== =

<div onclick="{!c.getChart}"> test 
     <canvas aura:id="chart" height="250" width="250"></canvas> 
    </div> 

Answer 1

Die Syntax unterscheidet sich, wenn Sie Chart.js v1 oder v2 verwenden.

Und Sie sagten, Sie die v2-Bibliothek importiert, aber Sie sind immer noch mit der v1-Syntax mit:

var chart = new Chart(ctx).Doughnut(data); 

---

Um dies zu beheben, können Sie die Syntax der v2 ändern:

var myChart = new Chart(ctx, { 
    type: 'doughnut', 
    data: data 
});