chart.jsバージョン2.4.0に私のバーが表示されない

Question

chart.js 2.4.0（最新版）を使用して単純な棒グラフを表示しようとしています。私は2つのチュートリアルに続き、私が間違っていることを見ていません。グリッドは表示されますが、バーは表示されません。データセットのデータがまったく表示されていないかのようです。

私はページを簡略化しました。この時点では、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の例から直接コピーされます。私はグーグルではありますが、役に立たないものは見つけられませんでした。それは私が読んだすべてからうまくいくはずです。私が間違っていることを確認していない。

ファイヤーブートコンソールにエラーが表示されません。これをデバッグする方法やトラブルシューティング方法についてのご意見は、大変ありがとうございます。

Answer 1

dataSetsプロパティにはタイプOがあります。 データセット（小文字のs）にする必要があります。

datasets 

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