2013-03-11 73 views
0

我想图2系列在同一个图上,没有太多的运气。该系列数据来自一个MySQL的PHP​​后端(JSON)。highcharts json多个日期时间系列

json输出的一个例子如下;

[ 
    { 
     "name": [ 
      "Outside Temperature" 
     ], 
     "data": [ 
      "1362992572,9.708", 
      "1362992752,9.948", 
      "1362992936,9.995", 
      "1362993292,10.19" 
     ] 
    }, 
    { 
     "name": "inside", 
     "data": [ 
      "1362992572,30", 
      "1362992752,30.5", 
      "1362992933,30.7", 
      "1362993112,30.8", 
      "1362993292,30.4" 
     ] 
    } 
] 

我在我的highcharts代码如下 - http://pastebin.com/BxQxhJmZ然而,这并不甚至生成的图表。

如果有人可以协助它,将不胜感激。我非常难以通过绘制两组数据来做一些相对简单的事情!

+0

你是如何调用高图的?你能把代码也放在这里吗? – 2013-03-11 09:29:50

回答

0

我认为您的数据格式不正确。我希望它看起来更像:

“数据”: [1362992572,9.708], [1362992752,9.948], [1362992936,9.995], [1362993292,10.19] ]

"data": [ 
     {x:1362992572,y:9.708}, 
     {x:1362992752,y:9.948}, 
     {x:1362992936,y:9.995}, 
     {x:1362993292,y:10.19} 
    ] 

如果可以,请在您的php后端进行更改。如果没有,你将不得不在javascipt中重新格式化它,将字符串值分成逗号中的两个字段。

+0

非常好,我编辑我的PHP输出按照您的第一个建议,并得到我的图表工作,因为我想。非常感谢! – user2156014 2013-03-11 21:56:38

1

如果您使用datetime xAxis,则需要将您的值(例如(1362992572)乘以1000,以达到Javascript时间戳格式。