-1

我正在构建一个带有模态窗口的 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) 文件中时，图表不起作用。文本显示，但不显示移动线曲线或网格。

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

4

2 回答 2

1

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

希望这可以帮助。

- 担

于 2012-10-03T19:51:23.897 回答
0

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

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

于 2012-10-12T18:24:24.630 回答