Chart 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 的：

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