getSelection () для получения данных из строки в Google Chart API - PullRequest
Новая
       22

getSelection () для получения данных из строки в Google Chart API

4 голосов
/ 07 сентября 2011

Я пытаюсь запустить создание новой BarChart с Google Chart API, когда пользователь нажимает на определенную панель. Я думаю, что понимаю концепции и хотел, по крайней мере, заставить функцию getSelection () работать и отображать, на какой панели нажимал пользователь. Но каждый раз, когда вы нажимаете на панель, она просто зависает с дисплеем и без предупреждения Java. Есть мысли?

Вот код: 

<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>

1 Ответ

11 голосов
/ 01 ноября 2011

Просто интересно, должна ли строка 

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

быть 

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

?

Вот мой рабочий пример.Я должен был установить данные и диаграмму как глобальные переменные: 

<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>
...