ajax 호출 후 내 document.ready 함수 내에서 그래프를로드하려고합니다.json 파일로 하이 차트 그래프로드
JSON PHP를 통해 생성되고,이 결과이다
[{ "이름": "Precios", "데이터"[ "5.50", "2013년 7월 1일 13시 50분 : 00 "], ["6.50 ","2013년 7월 5일 11시 4분 0초 "]}]
이 코드를 사용하여 JSON의 데이터 부분을 그래프로 시도하고 :
var options = {
chart: {
renderTo: 'graphContainer',
defaultSeriesType: 'line',
marginRight: 130,
marginBottom: 25
},
title: {
text: 'Registro de Precios',
x: -20 //center
},
subtitle: {
text: 'Producto: '+nombreProducto,
x: -20 //center
},
xAxis: {
labels: {
enabled: false
},
title: {
text: 'Fecha'
}
},
yAxis: [
{
min: 0,
title: {
text: 'Precio'
}
},
{
linkedTo: 0,
opposite: true
}
],
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: []
};
$jDatepicker.getJSON('graficasDatos.php?idTienda='+idTienda+'&idProducto='+idProducto, function(data) {
$jDatepicker.each(data, function(key, value) {
var series = {};
$jDatepicker.each(value, function(key,val) {
if(key == 'name')
{
series.name = val;
}
else{
var datos;
$jDatepicker.each(val, function(key,val) {
datos = val;
var x = datos[1];
var y = datos[0];
series.data = [x,y];
options.series.push(series);
});
}
});
});
var chart = new Highcharts.Chart(options);
을
내가 뭘 잘못하고 있는지, 왜 그래프가 보이지 않는지에 대한 조언은 감사 할 것입니다.