Javascript 使用JSON数据的Highcharts图形空白
我不熟悉使用HighCharts和JSON。我正在从数据库中提取数据,并生成以下JSON:Javascript 使用JSON数据的Highcharts图形空白,javascript,json,highcharts,Javascript,Json,Highcharts,我不熟悉使用HighCharts和JSON。我正在从数据库中提取数据,并生成以下JSON: {"GS10":[{"data_date":-528656400,"value":2.83},{"data_date":-526064400,"value":3.05},{"data_date":-523386000,"value":3.11},{"data_date":-520794000,"value":2.93},{"data_date":-518115600,"value":2.95},{"dat
{"GS10":[{"data_date":-528656400,"value":2.83},{"data_date":-526064400,"value":3.05},{"data_date":-523386000,"value":3.11},{"data_date":-520794000,"value":2.93},{"data_date":-518115600,"value":2.95},{"data_date":-515437200,"value":2.87},{"data_date":-512845200,"value":2.66},{"data_date":-510166800,"value":2.68},{"data_date":-507574800,"value":2.59},{"data_date":-504896400,"value":2.48},{"data_date":-502218000,"value":2.47},{"data_date":-499798800,"value":2.37},{"data_date":-497120400,"value":2.29},{"data_date":-494528400,"value":2.37},{"data_date":-491850000,"value":2.38},{"data_date":-489258000,"value":2.3},{"data_date":-486579600,"value":2.36},{"data_date":-483901200,"value":2.38}]}
然后使用HighCharts将此JSON呈现为折线图。脚本如下。它呈现一个图形,但该图形为空。我目前只测试一个系列,但目的是能够使用多个系列,一旦我可以成功地图形一。任何帮助都将不胜感激,谢谢
<script>
$(function () {
var test_point = 'GS10';
$(document).ready(function() {
$.getJSON("get_data.php", function(json) {
var seriesArr = [];
var series = {
name: test_point,
data: []
};
$.each(json[test_point], function(key, data){
series.data.push({
date: data.data_date,
value: data.value
});
});
seriesArr.push(series);
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'line'
},
xAxis: {
type: 'datetime'
},
series: seriesArr
};
var chart = new Highcharts.Chart(options);
});
});
});
</script>
$(函数(){
var测试_点='GS10';
$(文档).ready(函数(){
$.getJSON(“get_data.php”,函数(json){
var serieSar=[];
变量系列={
名称:测试点,
数据:[]
};
$.each(json[测试点]、函数(键、数据){
series.data.push({
日期:data.data\u日期,
值:data.value
});
});
系列推力(系列);
变量选项={
图表:{
renderTo:'容器',
defaultSeriesType:“行”
},
xAxis:{
键入:“日期时间”
},
系列:SerieSar
};
var图表=新的Highcharts.图表(选项);
});
});
});
问题在于该部件:
series.data.push({
date: data.data_date,
value: data.value
});
它不应该是数据
/值
,而是x
/y
:
series.data.push({
x: data.data_date,
y: data.value
});