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