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

Question

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

我的代码如下所示

external_data.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"
}]

订单-chart.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

        }

    });

this is folder structure

Answer 1

Juse提到如下路径，

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

并将this.Items赋值给你的数组