通过highcharts-ng进行程序缩小

Question

我正在使用Highcharts-ng https://github.com/pablojim/highcharts-ng

查看源代码，我发现指令中包含scope。$ on的某些事情可以用来广播。例如...

scope.$on('highchartsng.reflow', function () {
  chart.reflow();
});

然后在我的控制器中，我可以在示波器上调用监视功能：

$scope.$watch("someElement", function(nV,oV){
  if(nV===oV) return;
  $scope.$broadcast('highchartsng.reflow');
});

这很好，很有意义。我不明白的是为什么我不能在指令中添加其他内容。例如，如果我可以从指令中调用.reflow（），那么我应该能够轻松地调用.zoomOut（），对吗？

// This doesn't work when I add it to the directive..
scope.$on('zoomOut', function() {
  chart.zoomOut();
});

// And broadcast the change from a scope in the controller
$scope.$watch('someElement', function(nV,oV){
    if(nV===oV) return;
    $scope.$broadcast('zoomOut');
});

如何进行这项工作？如果无法完成，如何让jQuery控制它呢？ （是否有可能使jQuery接管指令的某些方面，而不是完全依赖于angular？）

Answer 1

应该可以。如上面的评论所述，请确保您在正确的范围内调用它。

您可以仅使用jquery获取图表的句柄，然后调用所需的任何方法。请参阅：How can i get access to a Highcharts chart through a DOM-Container

我添加许多这类事件很慢，因为它们将应用于页面上的所有图表，并且似乎不是一种非常有角度的处理方式。