Postei todo o script para ilustrar o exemplo. É uma script para imprimir grafico de chart.js buscando os dados no mysql. O erro citado é na parte do Ajax. Este exemplo está no canal do Guilherme Chinaglia no youtube, e funciona lá.
$('document').ready(function () {
$.ajax({
type: "POST",
url: "chart.php",
dataType: "json",
success: function (data) {
var nomearray = [];
var valorarray = [];
if (data !== null) {
for (var i = 0; i <= data.length; i++) {
nomearray.push(data[i].nome);
valorarray.push(data[i].valor);
}
}
grafico(nomearray, valorarray);
}
});
})
function grafico (nome, valor) {
// A estrutura abaixo já vem pré-pronta da biblioteca. Ajustar fatores
var ctx = document.getElementById('chart');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
//
labels: nome,
// No site do chart.js tem varias opcoes de configuracao
datasets: [{
label: 'qde ',
data: valor,
// The rgba() are an extension of RGB color values with an alpha channel which specifies the opacity of the color
backgroundColor: [
'rgba(153, 102, 255, 0.3)',
'yellow'
],
borderColor: [
'rgba(153, 102, 255, 1)',
'rgba(255, 99, 132, 1)'
],
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
}