Question

我试图弄清楚如何使用angular2-highcharts示例从本地'.JSON'文件中绘制数据。

我按照'https://www.npmjs.com/package/angular2-highcharts'中的示例来首先了解如何绘制.JSON数据并且它有效。我获取了该示例的可用数据，并创建了一个本地.JSON文件（从记事本中复制了“https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=JSONP_CALLBACK”中的内容，并将其作为.JSON文件以UTF-8编码保存），并替换了文件路径JSON请求。当我这样做时，我得到一个错误 - 状态为200的响应。

  constructor(jsonp : Jsonp) {
    //jsonp.get('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=JSONP_CALLBACK').subscribe(res => {
        jsonp.get('./data.json').subscribe(res => {
        this.options = {
            title : { text : 'AAPL Stock Price' },
           series : [{
               name : 'AAPL',
               data : res.json(),
              tooltip: {
                   valueDecimals: 2
              }
         }]
        };
    });
}
options: Object;
};

由于我不是非常熟悉json数据/ Javascript或angular2，我不确定我是否遗漏了一些非常基本的东西。任何帮助表示赞赏。

Answer 1

据我所知，响应状态200指定请求成功。即您的请求已成功处理。也许您想尝试检查响应数据。

检查您的回调是否有响应数据。

Answer 2

使用http代替json帮助。我在这个答案https://stackoverflow.com/a/36305814/4567096中使用了这个建议。

状态为200的响应：好的

2 个答案: