图表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);

要解决此问题，您可以将语法更改为v2＆＃39;

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