2013-10-28 53 views
0

好吧,我有一個來自網站API的JSON文件,我需要重新排列,以便Highcharts可以讀取數據。我不知道如何繼續。我有一個網址,通過閱讀highcharts網站上的文檔,我需要重新格式化數據才能正確使用,那麼,我應該如何繼續?從API到數組的外部JSON?

我應該設置一個加載JSON文件的PHP文件,然後使用JavaScript來挑選出我想要的?如果是這樣,我將如何實現這一目標?

在此先感謝!

這裏是JSON數據

[ 
    { 
    "timestamp": 1382918400, 
    "localTimestamp": 1382918400, 
    "issueTimestamp": 1382918400, 
    "fadedRating": 4, 
    "solidRating": 0, 
    "swell": { 
     "minBreakingHeight": 5, 
     "absMinBreakingHeight": 4.508, 
     "maxBreakingHeight": 7, 
     "absMaxBreakingHeight": 7.049, 
     "unit": "ft", 
     "components": { 
     "combined": { 
      "height": 18, 
      "period": 10, 
      "direction": 37.25, 
      "compassDirection": "SW" 
     }, 
     "primary": { 
      "height": 18, 
      "period": 10, 
      "direction": 47.09, 
      "compassDirection": "SW" 
     } 
     } 
    }, 
    "wind": { 
     "speed": 15, 
     "direction": 79, 
     "compassDirection": "W", 
     "chill": 54, 
     "gusts": 29, 
     "unit": "mph" 
    }, 
    "condition": { 
     "pressure": 986, 
     "temperature": 59, 
     "weather": "23", 
     "unitPressure": "mb", 
     "unit": "f" 
    }, 
    "charts": { 
     "swell": "http://chart-1.msw.ms/wave/750/1-1382918400-1.gif", 
     "period": "http://chart-1.msw.ms/wave/750/1-1382918400-2.gif", 
     "wind": "http://chart-1.msw.ms/gfs/750/1-1382918400-4.gif", 
     "pressure": "http://chart-1.msw.ms/gfs/750/1-1382918400-3.gif", 
     "sst": "http://chart-1.msw.ms/sst/750/1-1382918400-10.gif" 
    } 
    }, 
] 
+1

這將是有益的,如果你可以給JSON數據的樣本,你擁有和你需要的東西,以及你試圖實現你的目標的代碼。 –

+0

Highcharts有一篇關於它的文章[這裏](http://www.highcharts.com/docs/working-with-data/preprocessing-data-from-a-file-csv-xml-json),但從它的聲音像你有正確的想法。只需使用Javascript來挑選您需要的內容並將其提供給Highcharts。 – aug

+0

@AndrewCooper我已將一些數據添加到帖子中。Thx的幫助! – MacD

回答

1

您需要即解析您的JSON在JavaScript中,通過prepareing正確的結構

series: [{ 
      name: 'Tokyo', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
     }] 

,並使用它像

series: customSeries 
0

我不會用PHP解析JSON文件,你可以直接做在JavaScript中的一個例子。

你可以自己做或使用像http://underscorejs.org/或甚至更好的圖書館http://lodash.com/

什麼是您的JSON輸入和Hightchart可以讀取的輸出?