-1

モーダルウィンドウを備えたAngularJSWebアプリを構築しています。モーダルウィンドウで、次のようなJQueryFlotリアルタイムチャートを表示したいと思います。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

angular で flot を使用して、非常に複雑なリアルタイム分析アプリを作成しました。(Angular 0.9.19 以降)。あなたのコードを提供することは何を助けるでしょう。angularでモーダルを使用することは問題ではないというRoyに同意します。角度スコープのデータが変更されると変化するリアルタイム チャートが必要な場合は、角度rootScopeを使用して、データが変更されたときにそのデータ変更イベントをリッスンするメソッドでブロードキャストすることをお勧めします。次に、flot $.plot を呼び出して、プロットを更新します。

お役に立てれば。

――段

于 2012-10-03T19:51:23.897 に答える
0

謝罪いたします。グラフが表示されない理由は、DIV ID が ng-repeat にあったためであることがわかりました。これは、同じ ID で複数の DIV が作成されたことを意味します。

これは、次の質問につながります:「AngularJS 変数を Javascript に渡す方法は?」How to pass AngularJS variable to Javascript? に投稿されています。. ng-repeat で複数のチャートを描画するには、これを実行できる必要があります。

于 2012-10-12T18:24:24.630 に答える