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，则会出现此错误，因为存在新语法。

以下是link to the issue，此处为link to the new syntax。

以下是一个例子：

operator==

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

1 个答案: