amcharts 图表不显示 div 最初由 ng-show 关闭的时间

Question

我在 div 中有一个 amchart，其显示/隐藏由 angularjs 管理。有时它会绘制已经在内存中的数据图表。在这种情况下，会打开 div，渲染图表，并且其中的 SVG 的宽度为 10。因此图表不会出现在屏幕上。调整窗口大小并显示图表，因为我猜 amcharts 正在监听调整大小的事件。我认为这是一个已知问题 - 我已经看到了一些关于它们的 SO 帖子，我希望其中一个对我有用。我的怀疑是，在 amcharts 开始发挥它的魔力之前，角度机器没有得到循环来打开 div（只是一种预感，没有确凿的证据。）

接下来，我添加了一个事件观察器

piechart.write(divs.chart_div.attr('id'));
divs.chart_div.on('yes', 'snowy', function(){ // same with 'shown','resize'
    console.info('============= woah ========');
});

现在发生了一件奇怪的事情。我在控制台中看到以下错误堆栈

Error: [jqLite:onargs] jqLite#on() does not support the `selector` or `eventData` parameters http://errors.angularjs.org/1.3.13/jqLite/onargs
at REGEX_STRING_REGEXP (http://localhost:8100/lib/ionic/js/ionic.bundle.js:8762:12)
at jqLiteOn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11733:39)
at Object.JQLite.(anonymous function) (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11951:17)
at Object.makePieChart (http://localhost:8100/common/services/graphinghelperService.js:528:34)
at obj.controller.$scope.myExt.renderFunc (http://localhost:8100/directives/boxRenderers2.js:179:24)
at _render_it (http://localhost:8100/modules/dashboard/dashboard.js:246:30)
at $scope.showBox.deferred.promise.then.workarea.showChild (http://localhost:8100/modules/dashboard/dashboard.js:310:17)
at processQueue (http://localhost:8100/lib/ionic/js/ionic.bundle.js:21888:27)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:21904:27
at Scope.$get.Scope.$eval (http://localhost:8100/lib/ionic/js/ionic.bundle.js:23100:28)

这种时髦的行为已经消失了！如果我单击以从缓存数据中重绘它，图表就会出现，再次单击时隐藏，一切都很好。再也不用盯着平淡无奇的背景色 div 了！！。

但是，如果我将手表更改为divs.chart_div.on('shown', function(){，则不会调用事件处理程序，并且在渲染出缓存数据时图表不会出现。

我想知道发生了什么。

Answer 1

看起来有些东西（可能是 armchart 库？）期望 jQuery 可用于绑定到事件。 Angular 附带 jqLit​​e，它是 jQuery 的精简版，所以这就是你得到这个异常的原因。

我猜是这条线上的东西。

at Object.makePieChart (http://localhost:8100/common/services/graphinghelperService.js:528:34)

改用完整版的 jQuery 来解决这个问题：http://www.bennadel.com/blog/2752-using-jquery-instead-of-jqlite-in-angularjs.htm