Как получить данные события, нажмите в angular Google Chart- angular 2+

Question

Я использовал диаграммы Google на панели управления проектом angular.

Читая документ: https://github.com/FERNman/angular-google-charts, я использовал приведенный ниже код для получения события (которое должно содержать элементы диаграммы, которые я выбрал)

В соответствии с документом, событие select генерируется, когда выбирается элемент в диаграмме.

<google-chart (select)="onSelect($event)"></google-chart>

Я использовал то же самое в своем коде.

Html: `

      <google-chart #chart [title]="Bartitle" [type]="Bartype" [data]="Bardata" [columnNames]="BarcolumnNames"
        [options]="Baroptions" [width]="Barwidth" [height]="Barheight" 
        (select)="onSelect($event)">
      </google-chart>`

Component.Ts

this.Bartitle = 'Current and Target';
this.Bartype = 'BarChart';
this.Bardata = [
  ["2012", 900, 390],
  ["2013", 1000, 400],
  ["2014", 1170, 440],
  ["2015", 1250, 480],
  ["2016", 1530, 540]
];
this.BarcolumnNames = ["Year", "Current", "Target"];
this.Baroptions = {
  hAxis: {
    title: 'Maturity'
  },
  vAxis: {
    title: 'Month'
  },
};
this.Barwidth = 200;
this.Barheight = 200;

onSelect(event) {
   console.log(event);
}

Но я не получаю значения, которые я выбрал ..

Мне нужны значения зрелости и года ... Как я могу это получить ?? Я сделал какие-либо изменения ??

Answer 1

Выбор Событие выбора генерируется при выделении элемента на диаграмме.

<google-chart (select)="onSelect($event)"></google-chart>

Событие типа ChartSelectionChangedEvent, содержащее массив выбранных значений.

в компоненте

РЕДАКТИРОВАТЬ: на основе комментариев

     onSelect(event) {
           const { row, column } = event[0];
           const year = this.Bardata[row][0];
           let selectedItem;
           if (column === 1) {
                selectedItem = "current";
           }
           if (column === 2) {
                selectedItem = "target";
           }
           console.log("year", year, "SelectedItem" ,selectedItem, this.Bardata[row][column]);
     }

для получения дополнительной информации прочитайте документацию: https://github.com/FERNman/angular-google-charts