angular - 不允许多个构造函数实现

Question

我需要在一个页面中显示多个 d3 图表。在为一个图表添加代码时，它可以工作。但显示多个图表的错误。

bardata: Observable<ChartModel>;


constructor(private http: HttpClient) {
    this.bardata = this.http.get<ChartModel>('./assets/mocdata/data.json');
    console.log('sd', this.bardata);
}


areadata: Observable<ChartModel>;


constructor(private http: HttpClient) {
    this.areadata = this.http.get<ChartModel>('./assets/mocdata/data.json');
    console.log('sd', this.areadata);
}

请帮我清除构造函数问题。

提前致谢。

标签： angulartypescriptd3.jsconstructor

Answer 1

只需为每个图表创建方法并在构造函数中调用它，如下所示：

bardata: Observable<ChartModel>;
areadata: Observable<ChartModel>;

constructor(private http: Httpclient) {
  this.getBarData();
  this.getAreaData();
}

getBarData() {
  this.bardata = this.http.get<ChartModel>('./assets/mocdata/data.json');
  console.log('sd', this.bardata);
}

getAreaData() {
  this.areadata = this.http.get<ChartModel>('./assets/mocdata/data.json');
  console.log('sd', this.areadata);
}