图表Js甜甜圈图表给出错误

Question

在我使用chart.js版本1.0之前。

现在，我们已经更新了2.4.0 vesion的 JS但得到以下错误

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

如果您使用Chart.js v1或v2，则语法不同。

你说你进口的V2库，但你仍在使用第一版的语法有：

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

---

为了解决这个问题，你可以将语法更改为V2的：

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