JQuery Flot图表在AngularJS模态窗口中不起作用

Question

我正在使用模态窗口构建AngularJS Web应用程序。在模态窗口中，我想显示一个JQuery Flot实时图表，类似于：http://people.iola.dk/olau/flot/examples/realtime.html

我从http://people.iola.dk/olau/flot/examples/realtime.html复制了代码并将其放在我的服务器上名为flot2.html的文件中。它有效。

但是，当我将代码放入我的模板（index.html）文件（其中包含模态窗口的代码）时，图表不起作用。文本显示，但不显示移动的线条曲线或网格。

有人对如何使这项工作有任何建议吗？

Answer 1

我们使用带有角度的flot来创建一个非常复杂的实时分析应用程序。 （从角度0.9.19开始向前）。提供代码会有什么帮助。我同意Roy的观点，使用角度的模态不是问题。如果您希望实时图表随着角度范围数据的变化而变化，您可能希望在数据更改时以及在侦听该数据更改事件的方法中使用角度rootScope进行广播。然后你会调用flot $ .plot来更新你的情节。

希望这会有所帮助。

- 丹

Answer 2

道歉。我发现图表不会显示的原因是因为DIV ID在ng-repeat中，这意味着使用相同的ID创建了多个DIV。

这让我想到了下一个问题：“如何将AngularJS变量传递给Javascript？”发布于How to pass AngularJS variable to Javascript?。我需要能够这样做才能在ng-repeat中绘制多个图表。