JQuery Flot圖表在AngularJS模式窗口中不起作用

-1

我正在用模態窗口構建AngularJS Web應用程序。在模態窗口，我喜歡展示一個jQuery海軍報實時圖表，與此類似：http://people.iola.dk/olau/flot/examples/realtime.html JQuery Flot圖表在AngularJS模式窗口中不起作用

我從http://people.iola.dk/olau/flot/examples/realtime.html複製的代碼，並把它放在一個文件，叫flot2.html，我的服務器上。有用。

但是，當我將代碼放入具有模式窗口代碼的模板（index.html）文件中時，圖表不起作用。文字顯示，但不是移動的線條曲線或網格。

有沒有人有任何建議如何使這項工作？

來源

2012-10-02 Curt

沒有看到模態窗口和Angular如何相關 –

錯誤？碼？什麼？ –

@RoyTruelove和$ derekadair：對不起這個問題。我發現我做錯了什麼。不過，我可以使用幫助http://stackoverflow.com/questions/12861222/how-to-pass-angularjs-variable-to-javascript – Curt

我們使用flot來創建一個非常複雜的實時分析應用程序。（從角度0.9.19開始並向前）。有幫助的是提供你的代碼。我同意Roy的說法，使用角度模式不是問題。如果您希望實時圖表隨着角度範圍數據更改而發生更改，您可能希望使用角度rootScope在數據更改時以及偵聽該數據更改事件的方法中進行廣播。然後你可以調用flot $ .plot來更新你的圖。

希望這會有所幫助。

--dan

來源

2012-10-03 19:51:23

對不起，這個問題。我發現我做錯了什麼。不過，我可以使用http://stackoverflow.com/questions/12861222/how-to-pass-angularjs-variable-to-javascript – Curt

我的歉意。我發現圖表不顯示的原因是因爲DIV ID是ng-repeat，這意味着多個DIV使用相同的ID創建。

這讓我回到我的下一個問題：「如何將AngularJS變量傳遞給Javascript？」發佈在How to pass AngularJS variable to Javascript?。我需要能夠做到這一點，以便在ng-repeat中繪製多個圖表。

來源

2012-10-12 18:24:24 Curt

JQuery Flot圖表在AngularJS模式窗口中不起作用

回答

相關問題