如何在Angular中设置kendo-chart的默认缩放

<kendo-chart [seriesColors]="['#ff0000', '#00ff00', '#0000ff']" [zoomable]="true">
  <kendo-chart-title text="Chart Title"></kendo-chart-title>
  <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [categories]="['Category 1', 'Category 2', 'Category 3']"></kendo-chart-category-axis-item>
  </kendo-chart-category-axis>
  <kendo-chart-series>
    <kendo-chart-series-item type="line" [data]="[10, 20, 30]"></kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { ChartComponent } from '@progress/kendo-angular-charts';

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

  ngAfterViewInit() {
    // 设置默认缩放
    this.chart.scaleToFit();
  }
}