Диаграмма JQuery Flot не работает в модальном окне AngularJS

Я создаю веб-приложение AngularJS с модальными окнами. В модальном окне мне нравится отображать график JQuery Flot в реальном времени, подобный этому: http://people.iola.dk/olau/flot/examples/realtime.html

Я скопировал код с сайта http://people.iola.dk/olau/flot/examples/realtime.html и поместить его в файл с именем flot2.html на моем сервере. Оно работает.

Однако, когда я помещаю код в свой файл шаблона (index.html), в котором есть код для модальных окон, диаграмма не работает. Текст отображается, но не кривая движущейся линии или сетка.

Есть ли у кого-нибудь предложения о том, как заставить эту работу работать?


jquery charts angularjs real-time flot
person Curt    schedule 02.10.2012    source источник
comment
Не вижу, как связаны модальное окно и Angular   -  person Roy Truelove    schedule 03.10.2012
comment
@RoyTruelove и $derekadair: извините за этот вопрос. Я узнал, что я сделал неправильно. Однако мне не помешала бы помощь с stackoverflow.com/questions/12861222/   -  person Curt    schedule 12.10.2012

Ответы (2)


arrow_upward
1
arrow_downward

Мы использовали flot с angular для создания очень сложного приложения для аналитики в реальном времени. (начиная с angular 0.9.19 и далее). Что поможет, так это предоставить ваш код. Я согласен с Роем, что использование модального окна с угловым не проблема. Если вам нужна диаграмма в реальном времени, которая меняется по мере изменения данных угловой области, вы можете использовать угловую rootScope для трансляции при изменении данных и в методе, который отслеживает это событие изменения данных. Затем вы должны вызвать флот $.plot, чтобы обновить свой график.

Надеюсь это поможет.

--дан

person Dan Doyon    schedule 03.10.2012
comment
Извините за этот вопрос. Я узнал, что я сделал неправильно. Однако мне не помешала бы помощь с stackoverflow.com/questions/12861222/ - person Curt; 12.10.2012

arrow_upward
0
arrow_downward

Мои извинения. Я обнаружил, что причина, по которой диаграмма не отображалась, заключалась в том, что идентификатор DIV был в ng-repeat, что означает, что несколько DIV были созданы с одним и тем же идентификатором.

Это подводит меня к моему следующему вопросу: «Как передать переменную AngularJS в Javascript?» который размещен на странице Как передать переменную AngularJS в Javascript?. Мне нужно сделать это, чтобы нарисовать несколько диаграмм в ng-repeat.

person Curt    schedule 12.10.2012