Я новичок в Chart.js и пытаюсь отобразить гистограмму с данными, вызываемыми с помощью вызова AJAX jquery к файлу PHP, содержащему запрос mysql, в котором хранятся данные.
На странице, на которой предположительно отображается диаграмма, отображаются только оси X и Y, но диаграмма не отображается, хотя массив, полученный мной в результате вызова Ajax, присутствует.
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
