Tenho um gráfico que é criado conforme o ano, que é passado por AJAX e retorna um JSON contendo os valores pra criar o gráfico. Pois bem, eu envio o AJAX com o ano, retorno o JSON, porém... Dá erro, ele cria tudo errado, segue meu código.
Meu controlador onde retorno os dados e crio o JSON:
public function comparativo_json(){
$html = '';
$data = $this->relatoriosmodel->getComparativo($this->input->post('ano'));
$html .= '[';
foreach($data['mesesFuncionario'] as $func):
$html .= "{";
$html .= "name: '".$data['funcionarioDados'][$func['id']]->nome."',";
unset($func['id']);
$html .= "data: [ "; foreach($func as $f){ $html .= $f.','; } substr($f,-1); $html .= "]";
$html .= "},";
endforeach;
$html .= ']';
echo json_encode($html);
}
Meu JS:
<script type="text/javascript">
$(function(){
$('#ano').change(function(){
$.ajax({
url: '/relatorio/comparativo_json',
type: 'POST',
dataType: 'json',
data: {ano: $("#ano option:selected").val()},
success: function(data){
$('#containerHighCharts').highcharts({
title: {
text: 'Comparativo de Vendas',
x: -20 //center
},
subtitle: {
text: 'Ano de Referência: '+$("#ano option:selected").val(),
x: -20
},
xAxis: {
categories: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez']
},
yAxis: {
title: {
text: 'Reais (R$)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: ' (R$) Reais'
},
legend:{
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: data,
});
}
});
});
});
</script>
O JSON que ele retorna, que por sinal está correto, conforme o padrão pedido pelo plugin:
[
{
name: 'Richard Feliciano',
data: [ 0,0,0,0,1816,17100,2400,0,0,0,0,0,]
},
{
name: 'Ewerton Melo',
data: [ 0,0,0,0,0,12400,0,0,0,0,0,0,]
},
]
Imagem contendo o erro:
Só preciso fazer com que o retorno data
seja impresso corretamente.
series: data,
series: JSON.parse(data),
Teste tambémconsole.log(data);
ouconsole.log(typeof data);
e comente aqui o que obtêm.console.log(typeof data);
e ele retorna comostring
, logo abaixo fiz o parsevar dataJSON = JSON.parse(data)
e retornou erro:Uncaught SyntaxError: Unexpected token n
console.log(data);
?