事件在 angularjs 融合图表中不起作用

Question

我正在尝试使用角度在融合图表的 pie2d 图表中捕获 dataplotClick 事件。我指的是这个例子Bar chart with events。当我将对象events 直接创建到scope 时，它就可以工作了。

工作

$scope.events = {
                        dataplotClick:function(evnt,data) {
                            var lbl = data.toolText.split(",")[0];
                            console.log(lbl);
                            $scope.$apply(function() {
                                $scope.stFilter = {'EV_STATE_NUMBER':lbl};
                            });
                        }
                    }

不工作

$scope.my = {};
$scope.my.events = {
                    dataplotClick:function(evnt,data) {
                        var lbl = data.toolText.split(",")[0];
                        console.log(lbl);
                        $scope.$apply(function() {
                            $scope.stFilter = {'EV_STATE_NUMBER':lbl};
                        });
                    }
                }

HTML

<fusioncharts 
      width="90%" 
      height="100%"
      type="pie2d"
      datasource="{{fcb.effiPerformance}}"
      events="my.events" // Not working
      events="events" // Working
> </fusioncharts>

由于ng-repeat 中有多个图表，我必须为每个图表附加事件函数。如果有人知道如何实现它，请帮助我。

Answer 1

FusionCharts 角度插件只能访问控制器范围内的直接子对象。 参考https://github.com/fusioncharts/angular-fusioncharts/blob/master/src/angular-fusioncharts.js源代码第346行以下代码。

if (scope.$parent[attrs.events]) {

要为同一控制器内的不同图表定义不同的事件，您可以定义不同的事件对象名称。例如-

//Controller
$scope.chart1_events = {
      dataplotClick:function(evnt,data) {
          var lbl = data.toolText.split(",")[0];
          console.log(lbl);
          $scope.$apply(function() {
              $scope.stFilter = {'EV_STATE_NUMBER':lbl};
          });
      }
}

//HTML
<fusioncharts 
  width="90%" 
  height="100%"
  type="pie2d"
  datasource="{{fcb.effiPerformance}}"
  events="chart1_events"
> </fusioncharts>

示例-http://jsfiddle.net/ayanonly1/57gxf5e1/

更新：- 该问题已在插件 V3.0 中修复。