Chart.js - （中间值）.Doughnut不是一个函数

Question

我试图使用Chart Js Library生成一个圆环图，结果是抛出一个错误Uncaught TypeError: (intermediate value).Doughnut is not a function 。 我仔细检查了js文件链接，一切看起来都很好。 有没有人早点面对这个问题？

这是我的代码：

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

如果您已切换到chart.js v2，则会出现此错误，因为存在新语法。

以下是该问题的链接 ，此处是新语法的链接 。

这是一个例子：

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);
};