Angularjs 将外部json数据文件加载到角度组件中的chartjs

我是angular和chartjs的初学者。我想在不同的图表中加载相同的数据文件。所以我创建了一个json文件。我想把它载入我的图表

我的代码如下

外部数据.json

[{
    "data": "[13, 22, 30, 40, 50]",
    "label": "Africa",
    "borderColor": "#3e95cd",
    "fill": "false"
}, {
    "data": "[47, 14, 37, 67, 80]",
    "label": "Asia",
    "borderColor": "#8e5ea2",
    "fill": "false"
}]

折线图.component.ts

       var ctx = document.getElementById("line-chart");

    new Chart(ctx, {


        type: 'line',
        data: {
            labels: [1850, 1900, 1950, 2000, 2050],

           datasets:  // i want get json here

        }

    });

---

请按以下方式提及路径

loaddata() {
   this.Items = this.http.get("../data/external_data.json")
                 .map(res => res.json());
 }

---

并将此项分配给数组

会出现一些错误，例如[ts]属性“map”在类型“Observable”上不存在。您需要导入“rxjs/add/operator/map”即可。。但是现在获取此错误TypeError:无法在构造函数中读取undefinedimport http的属性“get”