グラフJsドーナツグラフエラー

Question

chart.jsバージョン1.0を使用する前は。

今、私たちは===================== vesion 2.4.0 で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ライブラリをインポートしていますが、まだとv1の構文を使用していると述べた。

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

---

この問題を解決するには、バージョン2のに構文を変更することができます。

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