chart.js version 2.4.0 не отображает бары для меня

Question

Я пытаюсь отобразить простую гистограмму, используя chart.js 2.4.0 (самая последняя версия). Я следил за двумя учебниками и не вижу, что я делаю неправильно. Отображается сетка, но полосы нет. Это похоже на то, что он вообще не видит данные набора данных.

Я упростил страницу, поэтому на этом этапе загружается только jquery-2.1.4.min.js перед 2.4.0 Chart.bundle.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 в документации. Я googled но не нашел ничего полезного. Он должен просто работать из всего, что я прочитал. Не уверен, что я делаю неправильно.

В консоли firebug ошибок не обнаружено. Любые предложения относительно того, как отлаживать или устранять неполадки, были бы весьма полезными.

Answer 1

У вас есть тип-O для свойства dataSets. Должно быть наборов данных (строчные буквы).

datasets 

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