Chart.js饼图数据集

时间:2018-03-16 09:12:38

标签: chart.js

在我的应用程序中,它向前端按国家/地区为用户接收如下数据。

[
  {id: 10, name: 'USA', userCount: 100},
  {id: 20, name: 'UK', userCount: 200},
  {id: 30, name: 'SL', userCount: 300}
]

现在我想将这些数据设置为我的饼图的数据集。我可以获得标签但设置数据集时出现问题。我想将userCount设置为数据集。我怎么能这样做?

ngOnInit() {
    this.countryService.countriesWithUsers().subscribe(response => {
      response.map(r => {
        this.chart.labels.push(r.name);
        this.chart.datasets.push({data: r.userCount});
      });

      console.log(response);
      this.chart = new Chart("canvas", {
        type: "pie",
        data: this.chart
      });
    });
  }

0 个答案:

没有答案