2013-03-11 77 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時間戳格式。