Opa, estou usando o ChartJS para geração de gráficos, estou integrando com PHP para envio de json ao gráfico
php
$arrLabels = array("January","February","March");
$arrDatasets = array('label' => "My First dataset",'fillColor' => "rgba(220,220,220,0.2)", 'strokeColor' => "rgba(220,220,220,1)", 'pointColor' => "rgba(220,220,220,1)", 'pointStrokeColor' => "#fff", 'pointHighlightFill' => "#fff", 'pointHighlightStroke' => "rgba(220,220,220,1)", 'data' => array('28', '48', '40'));
$arrReturn = array(array('labels' => $arrLabels, 'datasets' => $arrDatasets));
print (json_encode($arrReturn));
js
var ctx = document.getElementById("salesChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
data_retorno
}
});
Valor de data_retorno
[
{
"labels":[
"January",
"February",
"March"
],
"datasets":{
"label":"My First dataset",
"fillColor":"rgba(220,220,220,0.2)",
"strokeColor":"rgba(220,220,220,1)",
"pointColor":"rgba(220,220,220,1)",
"pointStrokeColor":"#fff",
"pointHighlightFill":"#fff",
"pointHighlightStroke":"rgba(220,220,220,1)",
"data":[
"28",
"48",
"40"
]
}
}
]
Onde data_retorno
é o retorno do ajax.
O gráfico que já está carregado com outros dados, ao receber este resultado, simplesmente as linhas desaparecem e não acontece nada
data_retorno
não está no formato que o chartjs espera. Pode compartilhar conosco o valor dedata_retorno
?data_retorno
, vlwdata: data_retorno[0]
@sNnifferTypeError: can't assign to properties of (new String(" ")): not an object