getSelection() pour obtenir les données à partir de la ligne de Google Chart API

Je suis en train de déclencher la création d'une nouvelle BarChart avec Google Chart API lorsqu'un utilisateur clique sur un bar. Je crois que je comprends les concepts, et je voulais au moins avoir la getSelection() de la fonction de travail et d'afficher ce que la barre que l'utilisateur a cliqué. Mais à chaque fois, lorsque vous cliquez sur la barre, il vient de se fige à l'écran et pas de java alerte. Toutes les pensées?

Voici le code:

<script type="text/javascript">
            google.setOnLoadCallback(drawChart);

            function drawChart() {
                var visualization = new google.visualization.BarChart(document.getElementById('acctmeta'));
                var json_data = new google.visualization.DataTable({{acctmeta_json}});          

                visualization.draw(json_data, {width: 850, height: 600, title: 'Collection Level Populated Metadata Fields',
                                  chartArea: {width:"50%"},
                                  vAxis: {title: 'Collection Title/ID', titleTextStyle: {color: 'green'}},
                                  hAxis: {logScale:false, title:'Fields Populated', titleTextStyle: {color: 'green'}}
                                 });

                //Add our selection handler.
                google.visualization.events.addListener(visualization, 'select', selectHandler);


                //The selection handler.
                //Loop through all items in the selection and concatenate
                //a single message from all of them.
                function selectHandler() {        
                  alert(data.getValue(chart.getSelection()[0].row, 0));
                }

            } //end of draw chart function          
            </script>

OriginalL'auteur Graham Hukill | 2011-09-07

  1. 11

    Demandais juste, si la ligne est

    alert(data.getValue(chart.getSelection()[0].row, 0));

    être

    alert(data.getValue(visualization.getSelection()[0].row, 0));

    ?

    Voici un exemple de travail de la mine. J'ai dû mettre des données et des graphiques comme des variables globales:

    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load('visualization', '1.0', {'packages':['corechart']});
  google.setOnLoadCallback(drawChart);    
  var data; 
  var chart;
  function drawChart() {
   data = new google.visualization.DataTable();  
   data.addColumn('string', 'Where');
   data.addColumn('number', 'What');
   data.addRows([['ABC',87],['ERT',70],['KLJ',38],['UPP',-67],['SSD',27],['UKG',42],['NUS',60],['WEB',96]]);
   var options = {'title':'my chart','width':'600','height':'400','is3D':'true'};
   chart = new google.visualization.ColumnChart(document.getElementById('test3_chart'));
   chart.draw(data, options);
   google.visualization.events.addListener(chart, 'select', selectHandler2);
  }

  function selectHandler2() {
      var selection = chart.getSelection();
      alert('That\'s column no. '+selection[0].row);
  }
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
  <div id=test3_chart>Please wait...</div>
</body>
</html>
    excellente réponse.. a beaucoup aidé.

    OriginalL'auteur deensdale