Множественные реализации конструктора не допускаются

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);
}

Пожалуйста, помогите мне решить проблему с конструктором.

Заранее спасибо.

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);
}

Answer 2

вы можете сделать что-то подобное

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

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

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