我从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 参数而不是自定义名称。