Оповещение Google Визуализация диаграммы бросить на Выбор данных события - PullRequest
Новая
       21

Оповещение Google Визуализация диаграммы бросить на Выбор данных события

0 голосов
/ 13 марта 2012

Я пытаюсь использовать диаграммы столбцов Googles Visualization, чтобы просто выдать предупреждение при выборе определенного столбца. То есть. Я хочу что-то сделать (выдать предупреждение), когда выбраны данные столбца Company1: 

      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Date');
        data.addColumn('number', 'Company1');
        data.addColumn('number', 'Company2');
        data.addColumn('number', 'Company3');
        data.addColumn('number', 'Company4');
        data.addColumn('number', 'Company5');
        data.addColumn('number', 'Company6');
        data.addRows([
          ['Feb 1, 2012 - Mar 13, 2012', 10, 10, 5, 15, 10, 55]

        ]);

        var options = {
          title: 'Total Reviews',
          hAxis: {title: '',  titleTextStyle: {color: 'blue'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('total'));
        chart.draw(data, options);

google.visualization.events.addListener(chart, 'select', function() {
 //SOMETHING GOES HERE WHEN ie. Company1 is selected, probably an IF but I cant seem to let it know when Company1 is selected.
 alert('Company1 was selected!');       

}

1 Ответ

3 голосов
/ 13 марта 2012

Вы должны вызвать функцию getSelection, чтобы получить текущий выбор.Выбор - это массив объектов.Каждый объект имеет атрибуты строки и столбца (если есть).Используйте столбец 1 для получения названия метки: 

google.visualization.events.addListener(chart, 'select', function() {
  var selection = chart.getSelection()[0];
  var label = data.getColumnLabel(selection.column);

  if (label === "Company1"){
    alert("!");
  }
});

Документация (перейдите по ссылке, чтобы узнать больше):

selection_array: Массив выбранных объектов, каждый из которых описывает элемент данных в базовой таблице, используемой для создания визуализации (DataView или DataTable).Каждый объект имеет свойства строки и / или столбца с индексом строки и / или столбца выбранного элемента в базовом объекте DataTable.Если свойство строки имеет значение null, то выбор является столбцом;если свойство столбца равно нулю, то выбор - это строка;если оба не равны NULL, то это конкретный элемент данных.Вы можете вызвать метод DataTable.getValue (), чтобы получить значение выбранного элемента.Полученный массив может быть передан в setSelection ()

...