하이 차트 용 내 json 구성

이 json 배열을 API에서 반환했습니다.하이 차트 용 내 json 구성

[ 
{ 
    "localTimestamp": 1383091200, 
    "swell": { 
     "absMinBreakingHeight": 3.255 
    } 
}, 
{ 
    "localTimestamp": 1383102000, 
    "swell": { 
     "absMinBreakingHeight": 2.968 
    } 
} 
]

하이 차트로 작업하려면이 정보를 받아야합니다. 데이터는 외부 API에서 가져옵니다.

배열을 가져 와서 하이 차트에 맞게 변경하거나 하이 차트에 API의 URL을 지정하고 보낼 코드와 함께 작동하도록 하이 차트의 코드를 조정해야합니다.

이

HTML :

이

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 
</head> 
<body> 
<script> 
$(document).ready(function() { 
    var options = { 
     chart: { 
      renderTo: 'container', 
      type: 'spline' 
     }, 
     series: [{}] 
    }; 

    var url = "jsonp.php?callback=?"; 
    $.getJSON(url, function(data) { 
     options.series[0].data = data; 
     var chart = new Highcharts.Chart(options); 
    }); 
}); 



</script> 

</script> 
</head> 
<body> 

<div id="container" style="width: 100%; height: 400px; margin: 0 auto"></div> 

</body> 
</html> 






<script type="text/javascript" src="/js/themes/gray.js"></script> 

</body> 
</html>

내 PHP 코드 :

<?php 
header("content-type: application/json"); 

$array = array(7,4,2,8,4,1,9,3,2,16,7,12); 

echo $_GET['callback']. '('. json_encode($array) . ')';  

?>

내가 아는 PHP가 잘못

나는 내가 여기로 일하고있다 Highcharts에서 샘플 코드를 (분명히) 나는 하이 차트와 대화하기 위해 json을 포맷하는 법을 모른다. 미리 감사드립니다 M

분명히하려면, 하이 차트로 읽을 수있는 형식으로 PHP 배열 (맨 아래)에 데이터를 가져 오려고합니다.

출처

2013-10-31 MacD

'$ _GET [ '콜백']과 괄호는 무엇을 의미합니까? 이것은 함수 호출입니까? 예인 경우 [JSON] (http://en.wikipedia.org/wiki/JSON)이 아니라 [JSONP] (http://en.wikipedia.org/wiki/JSONP)입니다. "JSONP 요청에 대한 응답은 JSON이 아니며 JSON으로 구문 분석되지 않습니다. 반환되는 페이로드는 임의의 JavaScript 표현식 일 수 있으며 JSON을 전혀 포함 할 필요가 없습니다."http : //api.jquery를 참조하십시오. .com/jQuery.ajax /에 대한 자세한 내용과 해당 설명서 페이지에서 JSONP를 검색하십시오. – feeela

예, 이것은 highcharts 웹 사이트의 JSONP 예제입니다. 다른 사이트에서 데이터를 가져 오기 위해 다른 것을 사용해야합니까? – MacD

나는 그것을 모른다. jQuery를 사용하면서 위의 링크 된 문서를 참조하십시오. – feeela

당신은 당신이 사용자 정의 이름 대신 X/Y 매개 변수를 사용할 필요가 highcharts에서 일반적으로

[[timestamp,waveheight],[timestamp,waveheight]]

같은 객체 [{x:timestamp,waveheight},{timestamp,waveheight]] 또는 배열의 배열의 배열과 같은 올바른 형식으로 (JSON)에서 데이터를 변환 할 필요가 .

출처

2013-11-03 11:50:22

하이 차트 용 내 json 구성

답변

관련 문제