立即选择同一片谷歌饼图无法识别答案

【问题标题】：Immediate selection of same slice of google pie chart not recognised立即选择同一片谷歌饼图无法识别
【发布时间】：2016-05-31 12:10:02
【问题描述】：

我正在尝试在选择特定的谷歌饼图图表时显示具有某些信息的模态。当一个接一个地选择不同的切片时，代码工作正常，但是当第二次连续选择相同的切片时没有触发事件。

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

【问题讨论】：

标签： javascript charts google-visualization pie-chart

【解决方案1】：

事件被触发，但第二次单击切片时，它被un选中。

你应该在尝试访问之前检查选择的长度 --> [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>

【讨论】：

谢谢！这个解释真的很有帮助:)