Javascript 如何使用Google可视化实现自定义事件？

下面是使用谷歌图表可视化库的代码。目前，我有一个

selectHandler

函数，用于返回列行的警报

我尝试实现一些Javascript来发送下面所示项的“键”警报，而不是列号警报。我怎么得到这个

<% @frequency.each do |key,value| %>
    ['<%= key %>', <%= value %>],
   <% end %>    

['', ],

Javascript

<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);

  function drawChart() {

      // OPTIONS
        var options = {
        title: 'Most common phrases in pro-Microsoft Reviews (<%= @reviews.count %> reviews analyzed)',
        vAxis: {title: 'Phrases',  titleTextStyle: {color: 'red'}},
        tooltip: {isHtml: true},
        animation:{
           duration: 2000,
           easing: 'out',
        }
      };

      // DATA
      var data = google.visualization.arrayToDataTable([
        ['Phrase', 'Frequency'],
            <% @frequency.each do |key,value| %>
                ['<%= key %>', <%= value %>],
               <% end %>
      ]);

      // CHART DRAWING
      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
      chart.draw(data, options);
      google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);

      //setup listener
      google.visualization.events.addListener(chart, 'select', selectHandler);

      // The select handler. Call the chart's getSelection() method
       function selectHandler() {
          var selection = chart.getSelection();
          alert('That\'s column no. '+selection[0].row);
      }



  }


</script>

load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
//选择权
变量选项={
标题：“专业Microsoft评论（分析评论）中最常见的短语”，
vAxis:{title:'Phrases'，titleTextStyle:{color:'red'}}，
工具提示：{isHtml:true}，
动画：{
期限：2000年，
“出去”，
}
};
//资料
var data=google.visualization.arrayToDataTable([
[‘短语’、‘频率’]，
['', ],
]);
//图表绘制
var chart=new google.visualization.BarChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
//设置侦听器
google.visualization.events.addListener（图表'select'，selectHandler）；
//选择处理程序。调用图表的getSelection（）方法
函数selectHandler（）{
var selection=chart.getSelection（）；
警报（'这是列编号'+选择[0]。行）；
}
}

下面是一个简单的示例，演示如何使用

data.getValue（）

使用自定义处理程序获取第0列中该行的值（所选项目的“键”）：

只需更改此行，您就可以对自己的代码执行相同的操作：

alert('That\'s column no. '+selection[0].row);

为此：

alert('That\'s row '+ data.getValue(selection[0].row, 0));

alert('That\'s row '+ data.getValue(selection[0].row, 0));