以编程方式放大高图表ng

Question

我在使用高级图表-ng https://github.com/pablojim/highcharts-ng

纵观源代码，我发现指令中有一些内容可以用来广播。$ 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接管指令的某些方面，而不是一切都依赖角度？)

Answer 1

那应该管用。正如上面的注释所述，请确保在正确的范围内调用它。

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

我很慢地添加了许多这类事件，因为它们将应用于页面上的所有图表，而且看起来并不是一种非常有角度的做事方式。