동일한 Google 원형 차트 조각을 즉시 선택할 수 없습니다.

Question

Google 원형 차트의 특정 조각을 선택하면 특정 정보가있는 모달을 표시하려고합니다. 다른 슬라이스가 차례로 선택 될 때 코드가 잘 작동하지만 동일한 슬라이스가 두 번째 연속적으로 선택 될 때 이벤트가 발생하지 않습니다.

google.visualization.events.addListener(chart, 'select', selectHandler); 
function selectHandler() 
        { 
         var selectedItem = chart.getSelection()[0]; 
         if (selectedItem) 
         { 
          alert("here"); 
         } 
        } 

Answer 1

경우 해고하지만 조각을 클릭 두 번째 시간, 그것은 -selected 않은입니다.

액세스하려고하기 전에 선택의 길이를 확인한다 ->[0]

예 다음을 참조 ...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Task', 'Hours per Day'], 
 
     ['Work',  12], 
 
     ['Eat',  2], 
 
     ['Drink',  1], 
 
     ['Commute', 1], 
 
     ['Surf',  1], 
 
     ['Watch TV', 1], 
 
     ['Sleep',  6] 
 
    ]); 
 

 
    var pieChart = new google.visualization.PieChart(document.getElementById('piechart')); 
 
    google.visualization.events.addListener(pieChart, 'select', function() { 
 
     document.getElementById('selection').innerHTML = 'Items selected: ' + pieChart.getSelection().length; 
 
    }); 
 
    pieChart.draw(data, {}); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="piechart"></div> 
 
<div id="selection"></div>