Chart.js - (중간 값) .Doughnut이 함수가 아닙니다.

Question

Chart Js Library를 사용하여 Donut 차트를 생성하려고하는데 오류 Uncaught TypeError: (intermediate value).Doughnut is not a function이 발생합니다. 나는 js 파일을 두 번 확인해 봤는데 모든게 잘된 것 같아. 누구든지이 문제를 더 일찍 겪었습니까? 당신이 chart.js v2로 전환 한 경우, 새로운 구문이 있으므로

function getPieChart(pAmt, iAmt, pFee) { 


//pie chart code starts here 


var data = [ 
    { 
     value: pAmt, 
     color: "#F7464A", 
     highlight: "#FF5A5E", 
     label: "Principal Amount" 
    }, { 
     value: iAmt, 
     color: "#46BFBD", 
     highlight: "#5AD3D1", 
     label: "Interest Amount" 
    }, { 
     value: pFee, 
     color: "#FDB45C", 
     highlight: "#FFC870", 
     label: "Processing Fee" 
    }]; 

var options = { 
    segmentShowStroke: true, 
    animateRotate: true, 
    animateScale: false, 
    percentageInnerCutout: 50, 
    segmentStrokeColor: "#fff", 
    tooltipTemplate: "<%= label%>: Rs.<%= converter(value) %>", 
    segmentStrokeWidth: 2, 
    legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><div class=\"col-md-12\"><div class=\"emicleft col-md-6\"><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%=segments[i].label%></div><div class=\"emicright col-md-6\"><i class=\"fa fa-inr\"></i> <span class=\"emicrightspan\"><%=converter(segments[i].value)%></span></div></div></li><%}%></ul>" 
}; 
var ctx = document.getElementById("emichart").getContext("2d"); 
var myChart = new Chart(ctx).Doughnut(data, options); 
document.getElementById('js-legend').innerHTML = myChart.generateLegend(); 
} 

Answer 1

,이 오류가 발생합니다

여기 내 코드입니다.

여기에 link to the issue이고 여기에 link to the new syntax입니다. 내가 같은 배에있어

var config = { 
    type: 'pie', 
    data: { 
     datasets: [{ 
      data: [ 
       pAmt, 
       iAmt, 
       pFee 
      ], 
      backgroundColor: [ 
       "#F7464A", 
       "#46BFBD", 
       "#FDB45C" 
      ], 
     }], 
     labels: [ 
      "Principal Amount", 
      "Interest Amount", 
      "Processing Fee" 
     ] 
    }, 
    options: { 
     responsive: true 
    } 
}; 

window.onload = function() { 
    var ctx = document.getElementById("emichart").getContext("2d"); 
    window.myPie = new Chart(ctx, config); 
};