在Angular 6中处理来自Google Charts的select事件(没有ng2-google-charts这样的包装器！)

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

import { Component, AfterViewInit } from '@angular/core';

declare var google: any;

@Component({
  selector: 'app-chart',
  templateUrl: './chart.component.html',
  styleUrls: ['./chart.component.css']
})
export class ChartComponent implements AfterViewInit {
  ngAfterViewInit() {
    google.charts.load('current', { 'packages': ['corechart'] });
    google.charts.setOnLoadCallback(this.drawChart);
  }

  drawChart() {
    // 在这里绘制图表
  }
}

drawChart() {
  const data = new google.visualization.DataTable();
  // 添加数据到DataTable

  const chart = new google.visualization.LineChart(document.getElementById('chart'));

  google.visualization.events.addListener(chart, 'select', this.onSelect);

  chart.draw(data, options);
}

onSelect() {
  // 处理select事件的逻辑
}