从API到数组的外部JSON?

时间:2013-10-28 22:01:10

标签: javascript php json highcharts

好的,我有一个网站API的JSON文件需要重新安排,因此Highcharts可以读取数据。我不知道该怎么办。我有一个URL,并且通过阅读highcharts网站上的文档,我需要重新格式化数据才能正确使用,那么,我该如何处理呢?

我应该设置一个加载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"
    }
  },
]

2 个答案:

答案 0 :(得分:1)

您需要通过准备正确的结构

来解析您的JSON,即javascript
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

答案 1 :(得分:0)

我不会使用PHP来解析JSON文件,你可以直接在JavaScript中使用它。

您既可以自己动手也可以使用像http://underscorejs.org/这样的库,或者更好http://lodash.com/

您的JSON输入和Hightchart可以读取的输出是什么?