funciona da seguinte forma, tem um .js que tem os gráficos montados, mas porém com os valores inseridos diretamente, eu to tendo uma dificuldade em achar um conteúdo que se encaixe diretamente nesse exemplo que eu estou usando, eu preciso de um seguinte, seja por $.ajax, getJson, o que for, passar os valores de um JSON pra dentro do campo data:[ 50,100,50];
Uma parte do trecho do código onde forma o gráfico é essa:
var widgetTechnologiesChart = function() {
$.getJSON("./func/dash/grafico-dash.php", "valor1", function( data ) {
console.log(data);
});
if ($('#kt_widget_technologies_chart').length == 0) {
return;
}
var randomScalingFactor = function() {
return Math.round(Math.random() * 100);
};
var config = {
type: 'doughnut',
data: {
datasets: [{
data: [
50,100,50
],
backgroundColor: [
KTApp.getBaseColor('shape', 3),
KTApp.getBaseColor('shape', 4),
KTApp.getStateColor('brand')
]
}],
labels: [
'OHSENHOR',
'OWDEUS',
'MEAJUDAAA'
]
},
options: {
cutoutPercentage: 75,
responsive: true,
maintainAspectRatio: false,
legend: {
display: false,
position: 'top',
},
title: {
display: false,
text: 'OHGLORIA'
},
animation: {
animateScale: true,
animateRotate: true
},
tooltips: {
enabled: true,
intersect: false,
mode: 'nearest',
bodySpacing: 5,
yPadding: 10,
xPadding: 10,
caretPadding: 0,
displayColors: false,
backgroundColor: KTApp.getStateColor('brand'),
titleFontColor: '#ffffff',
cornerRadius: 4,
footerSpacing: 0,
titleSpacing: 0
}
}
};
var ctx = document.getElementById('kt_widget_technologies_chart').getContext('2d');
var myDoughnut = new Chart(ctx, config);
}
E assim, pesquisei muita coisa antes de chegar até aqui, mas eu não achei nada que possa me somar, e o engraçado é que esse código que eu postei, se eu jogar ele completo até mesmo dentro da própria tag no php ele não renderiza o gráfico, sendo que ele é baseado no Chartjs, alguém sabe como eu resolvo essa situação? Tentei utilizar o $.getJSON, mas não deu certo, ai apenas deixei ele no código como exemplo da ultima coisa que eu tentei usar.
O retorno do json:
{ "Valor1": 50 }{ "Valor2": 80 }