chart.js Version 2.4.0 zeigt keine Balken für mich

Question

Ich versuche, ein einfaches Balkendiagramm mit chart.js 2.4.0 (die neueste Version) anzuzeigen. Ich habe zwei Tutorials verfolgt und sehe nicht, was ich falsch mache. Das Raster wird angezeigt, die Balken jedoch nicht. Es ist so, als würde es die Datensatzdaten überhaupt nicht sehen.

Ich habe die Seite vereinfacht, also lädt sie an dieser Stelle nur jquery-2.1.4.min.js vor der 2.4.0 Chart.bundle.min.js. Keine andere js-Bibliothek ist geladen. Hier

ist der HTML-Code:

<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> 

Wie Sie sehen können, ist es im Grunde direkt aus dem Chart.js Beispiel in der Dokumentation kopiert wird. Ich habe gegoogelt aber nichts hilfreiches gefunden. Es sollte nur funktionieren von allem, was ich gelesen habe. Nicht sicher, was ich falsch mache.

In der Firebug-Konsole werden keine Fehler angezeigt. Irgendwelche Vorschläge zum Debuggen oder zur Fehlersuche wären sehr willkommen.

Answer 1

Sie haben einen Typ-O für die DataSets-Eigenschaft. Sollte sein Datensätze (Kleinbuchstaben s).

datasets 

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