javascript - Chart.js 版本 2.4.0 不为我显示条形图

Question

我正在尝试使用chart.js 2.4.0(最新版本)显示一个简单的条形图。我已经遵循了两个教程，但没有看到我做错了什么。网格显示，但条形不显示。就好像它根本没有看到数据集数据一样。

我已经简化了页面，因此此时它仅在 2.4.0 Chart.bundle.min.js 之前加载 jquery-2.1.4.min.js。没有加载其他js库。

这是html代码:

<div id="scorecard_results1" class="scorecard_results" >
<div id="holder1"></div>
<canvas id="bargraph1"></canvas>
<script type="text/javascript" charset="utf-8"> 
  var ctx = document.getElementById("bargraph1");
  console.log("id is " + ctx.id);
  var bargraph = new Chart(ctx,  {
    type: 'bar',
    data: {
      labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
      dataSets : [{  
        label: "test",
        data: [12, 19, 3, 5, 2, 3],
        backgroundColor: "#333"
      } ]
    } 
  });
</script>
</div>

如您所见，它基本上是直接从文档中的 Chart.js 示例中复制的。我用谷歌搜索但没有发现任何有用的东西。从我读过的所有内容来看，它应该可以工作。不确定我做错了什么。

Firebug 控制台中没有显示任何错误。任何有关如何调试或解决此问题的建议将不胜感激。

Answer 1

您的 dataSets 属性有一个 O 型。应为数据集(小写 s)。

datasets

https://jsfiddle.net/fhx55z43/3/