为高图表格式化我的 json


Formating my json for highcharts

我从API返回了这个json数组。

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

我需要让它与高图表一起工作,我完全迷失了。 数据来自外部 API。

我是否需要引入数组并更改它以适应高图表,或者将高图表指向 API 的 URL 并调整高图表的代码以使用他们发送的内容。

我有来自Highcharts的示例代码,我一直在这里使用:

.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 是错误的(显然)我只是不知道如何格式化我的 json 以与高图表交谈。 提前致谢米

为了清楚起见,我正在尝试将我的数据(顶部)转换为 php 数组(底部)格式,该格式可以被 highcharts 读取。

您需要将数据

(来自 JSON)转换为正确的格式,例如对象[{x:timestamp,waveheight},{timestamp,waveheight]]数组或数组数组,例如

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

通常在高图表中,您需要使用 x/y 参数而不是自定义名称。