chart.js版本2.4.0不为我显示栏

时间:2016-12-08 17:26:20

标签: javascript jquery chart.js

我正在尝试使用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控制台中没有出现错误。任何有关如何调试或解决此问题的建议将不胜感激。

1 个答案:

答案 0 :(得分:1)

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

datasets

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