Boa tarde, é minha primeira pergunta aqui.
Estou recebendo o json abaixo através de uma requisição ajax.
[
{"SEMANA":1.0,"PRODUCAO":0.0,"PRODUCAO2":0.0},
{"SEMANA":2.0,"PRODUCAO":29280.0,"PRODUCAO2":55992.0},
{"SEMANA":3.0,"PRODUCAO":93864.0,"PRODUCAO2":75072.0},
{"SEMANA":4.0,"PRODUCAO":135625.0,"PRODUCAO2":102480.0}
]
Faço a conversão do JSON para array dessa forma abaixo:
$.get("caminho do WebService", function (dados) {
var arrSemana = [],
arrProd1 = [],
arrProd2 = [];
for (var i = 0; i < dados.length; i++) {
arrSemana.push(dados[i].SEMANA);
arrProd1.push(dados[i].PRODUCAO);
arrProd2.push(dados[i].PRODUCAO2);
}
//......
});
Porem na hora que vou verificar esse meu array (arrSemana, arrProd1, arrProd2)
fica assim [,,,,,,,,]
e não com os valores assim como gostaria [1.0, 2.0, 3.0]
Estou criando gráficos com o highChart por isso preciso desse array.
Onde estou errando que ele não está pegando os valores conforme eu preciso? Alguém tem algum exemplo que possa me ajudar?
Obrigado a atenção de todos.
Estou trabalhando com Apache Cordova (PhoneGap). Preciso colocar isso em 3 array para assim poder colocar no gráfico.
$(function () { $.get("caminho do WebService", function (dados) {
var arrSemana = [],
arrProd1 = [],
arrProd2 = [];
for (var i = 0; i < dados.length; i++) {
arrSemana.push(dados[i].SEMANA);
arrProd1.push(dados[i].PRODUCAO);
arrProd2.push(dados[i].PRODUCAO2);
}
// Os alerts estão aqui para teste...
alert(dados);
alert(arrSemana);
alert(arrProd1);
alert(arrProd2);
$('#chart').highcharts({
title: {
text: 'Produção semanal de açúcar (registrada)',
x: -20 //center
},
subtitle: {
text: 'Dados: Teste de Relatório',
x: -20
},
xAxis: {
title: {
text: 'Semanas'
},
categories: arrSemana, //Um array vem aqui...
minTickInterval: 5,
minRange: 0,
min: 0
},
yAxis: {
allowDecimals: false,
title: {
text: 'Produção'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: 'un'
},
legend: {
layout: 'vertical',
align: 'middle',
verticalAlign: 'bottom',
borderWidth: 0
},
series: [{
name: 'Semanas 12/13',
color: '#32CD32',
data: arrProd1 // Outro array vem aqui...
}, {
name: 'Semanas 13/14',
color: '#000000',
data: arrProd2 // Outro array vem aqui...
}]
});
}).fail(function () { alert("Erro ao carregar os dados do relatório."); }); });
get
sem especificar umdataType
o jQuery "adivinha" o formato correto com base no retorno do servidor. Você pode usargetJSON
também. Fora isso, seu código parece correto. Você já tentou fazerconsole.log(dados)
e ver se está tudo ok?dados
e ve se esta retornando correto do servidor