谷歌图表获取选择事件监听器中的位置

时间:2017-10-05 16:27:36

标签: google-visualization

我有以下谷歌图表:

    var elms=xml.getElementsByTagName("overall")[0];
    var avgs=elms.getElementsByTagName("average");
    for(var i=0;i<avgs.length;i++){
          chartArr[0][i+1]=avgs[i].getAttribute("name");
          chartArr[1][i+1]=parseFloat(avgs[i].getAttribute("avg"));
    }
    var data = google.visualization.arrayToDataTable(chartArr);  
    var options = {
        title: 'Average Club Rating',
        is3D: true, 
        width:1200,
        chartArea:{
          width:800,
          left:92
        }
    };
    var chart = new google.visualization.ColumnChart(document.getElementById('averagechart'));
    chart.draw(data, options);
    google.visualization.events.addListener(chart, 'select', function() {
       console.log(this.getPosition());
    });

如果你看,我首先填充charArr然后我创建并设置谷歌图表。

在底部,您将看到addListener调用。我想要的是,当单击该元素时,使用最可能来自chartArr的自定义URL并确定端点位置。

如何获取侦听器的位置,以便我可以获取将要创建的自定义URL。

1 个答案:

答案 0 :(得分:0)

我真的不明白你的要求,但你可以用这种方法打印事件,

console.log(chart.getSelection());

此致