Question

我正在学习Angular 2中的新概念。在此我尝试使用ng2图表实现条形图。能够显示静态数据，但无法获取其中的动态数据。

这是我的HTML代码：

<canvas baseChart
          [data]="pieChartData"
          [colors]="myColors" 
          [labels]="pieChartLabels"
          [chartType]="pieChartType"
          (chartHover)="chartHovered($event)"
          (chartClick)="chartClicked($event)">
 </canvas>

在Component.ts文件中，

public pieChartData: number[] = [25, 500, 100, 200];

在这个pieChartData中，如果我在其中传递对象，而不是“25”，那么在UI中特定部分将被隐藏/不显示。

服务API是：

getCustomerChartInfo() {
    let data: any = {}

    this.service.getCustomerChartInfo(data).subscribe(
      body => this.mapSettingsData(body),
      err => console.log(err));
  }
  mapSettingsData(body) {
    // debugger;
    if (body.isListException == true || body.isException == 'true') {
      if (body.message == undefined) {
        alert("Something went wrong . Unable to fetch list");
        return false;
      } else {
        alert(body.message); return false;
      }
    } else {

      this.totalCustomers = body.totalCustomersInAllBranches;
      console.log("value", this.totalCustomers)
  }

在此控制台日志中，我可以打印号码。即this.totalcustomers = 3

任何想法或提示都会令人感激。谢谢。：）

条形图动态数据集成角度2

0 个答案: