【发布时间】:2016-11-29 11:56:42
【问题描述】:
我试图弄清楚如何使用 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”复制内容并使用 UTF-8 编码将其保存为 .JSON 文件),并替换了 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 data/Javascript 或 angular2 不是很熟悉,我不确定我是否在这里遗漏了一些非常基本的东西。任何帮助表示赞赏。
【问题讨论】:
标签: json highcharts angular jsonp