我正在使用 Highcharts-ng https://github.com/pablojim/highcharts-ng
查看源代码,我发现在带有 scope.$on 的指令中发生了一些事情,我可以用它来广播。例如……
scope.$on('highchartsng.reflow', function () {
chart.reflow();
});
然后在我的 Controller 中,我可以在作用域上调用监视函数:
$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 的一切?)
最佳答案
那应该行得通。正如上面的评论所说,确保您在正确的范围内调用它。
您可以只使用 jquery 获取图表的句柄,然后调用您想要的任何方法。请参阅:How can i get access to a Highcharts chart through a DOM-Container
我添加许多此类事件的速度很慢,因为它们将应用于页面上的所有图表,而且看起来不是一种非常有棱 Angular 的做事方式。
关于javascript - 使用 highcharts-ng 以编程方式缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22969263/