2017-10-05 1 views
1

Je le tableau google suivant:carte google obtenant position écouteur d'événement select

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()); 
    }); 

Si vous regardez d'abord, je puis renseignez la charArr créer et configurer le tableau google.

En bas, vous verrez l'appel addListener. Ce que je veux, c'est quand on clique sur cet élément, une URL personnalisée provenant de chartArr est utilisée et détermine l'emplacement du point de terminaison.

Comment obtenir la position de l'écouteur afin que je puisse saisir l'URL personnalisée qui va être créée.

+0

cocher [cette réponse] (https://stackoverflow.com/a/38598129/5090771), bien que pour un tableau de carte, il devrait fonctionner de la même manière ... – WhiteHat

Répondre

0

je vraiment sûr de comprendre votre demande, mais vous pouvez imprimer l'événement avec cette méthode,

console.log(chart.getSelection()); 

Cordialement,