javascript - 使用 Angular-google-chart 指令时，如何访问饼图中的选定项目？

Question

我正在使用 angular-google-charts [bouil.github.io/angular-google-chart/] 指令创建饼图。

我可以用它触发一个方法

<div google-chart chart="myChart" style="{{cssStyle}}" on-select="seriesSelected()"></div>

  $scope.seriesSelected = function () {
        console.log('item selected');
    }

但是，我不知道如何获取所选项目的 key 。在没有 Angular Directive(指令)的情况下使用谷歌图表时，我可以看到如何执行此操作:how to stackoverflow answer .但是，我无法理解如何在使用 angular 时获取元素。这家伙好像有一个answer (这里还有一个 plunkr 相当准确地显示了我正在尝试做的事情)，但它似乎比我正在寻找的更复杂。

我可以在 ng-google-chart.js 指令中看到，有一行为所选项目添加了一个属性:

var selectEventRetParams = {selectedItems:$scope.chartWrapper.getChart().getSelection()};

但我还不知道如何访问此属性。非常感谢任何建议。

Answer 1

Documentation

只需将 html 更改为以下内容:

<div google-chart chart="myChart" style="{{cssStyle}}" agc-on-select="seriesSelected(selectedItem)"></div>