resetZoom()如何生成多个图表(ng2charts或chartjs)？

<canvas id="chart1"></canvas>
<canvas id="chart2"></canvas>
<button (click)="resetZoom()">重置缩放</button>

import { Component, OnInit } from '@angular/core';
import { Chart } from 'chart.js';

@Component({
  selector: 'app-chart',
  templateUrl: './chart.component.html',
  styleUrls: ['./chart.component.css']
})
export class ChartComponent implements OnInit {
  chart1: Chart;
  chart2: Chart;

  ngOnInit() {
    const ctx1 = document.getElementById('chart1') as HTMLCanvasElement;
    const ctx2 = document.getElementById('chart2') as HTMLCanvasElement;

    this.chart1 = new Chart(ctx1, {
      type: 'bar',
      data: {
        labels: ['A', 'B', 'C'],
        datasets: [{
          label: '数据集1',
          data: [10, 20, 30]
        }]
      }
    });

    this.chart2 = new Chart(ctx2, {
      type: 'line',
      data: {
        labels: ['X', 'Y', 'Z'],
        datasets: [{
          label: '数据集2',
          data: [5, 15, 25]
        }]
      }
    });
  }

  resetZoom() {
    this.chart1.resetZoom();
    this.chart2.resetZoom();
  }
}