Невозможно поместить данные JSON в Chart.JS. ⇐ Jquery

[Anonymous]

Я новичок в Chart.js и пытаюсь отобразить гистограмму с данными, вызываемыми с помощью вызова AJAX jquery к файлу PHP, содержащему запрос mysql, в котором хранятся данные.
На странице, на которой предположительно отображается диаграмма, отображаются только оси X и Y, но диаграмма не отображается, хотя массив, полученный мной в результате вызова Ajax, присутствует.
У меня есть потратил 5 дней на возню, и я думаю, пришло время сдаться и поспрашивать,
HTML-страница

Код: Выделить всё

Chart.js Sample



#myChart {
min-width: 100px;
max-width: 500px;
min-height: 200px;
max-height: 400px;
}






var chData = [];

$(document).ready(function(){

$.ajax({
url: "ajax.php",
method: "GET",
dataType: "JSON",
contentType: "application/json; charset=utf-8",
success: function(data) {
chData = data;
}
});

var chartId = new Chart($("#myChart"), {
type: 'bar',
data: {
labels: ["HTML", "CSS", "JAVASCRIPT", "CHART.JS", "JQUERY"],
datasets: [{
label: "Subjects",
data: chData
}]
}
});

});

Страница AJAX:

Код: Выделить всё

Если вы запустите код и откроете консоль в настройках разработчика, вы обнаружите, что массив JSON уже там:

Код: Выделить всё

chData
(5) ['44', '35', '22', '28', '73']

Может кто-нибудь указать мне, где я сделал неправильно?
Спасибо за ваше время и помощь

Подробнее здесь: https://stackoverflow.com/questions/793 ... o-chart-js