2013-04-16 6 views
6

Moja aplikacja Meteor jest dość prosta i wyświetla wykres d3 wygenerowany z danych serwera oblicza przechowywanych w nowo włożonego dokumentu MongoDB:Aktualizacja wykresu d3 z nowo wstawionych danych w kolekcji Meteor po przedłożeniu formularza

  • wypełnień użytkowników prosty formularz i kliknie przycisk Prześlij
  • serwer robi jakąś pracę asynchroniczny i procesora intensywne obliczenia, wykorzystując dane z formularza
  • nowy Rachunek dokument z 2 pól (formData i calculatedResult) jest włożona w MongoDB kamicy kolekcja
  • wykres SVG jest na bieżąco z nowo obliczonymi danymi

Pomimo reading the Meteor parties example co sprawia, że ​​korzystanie z D3, this tutorial on using d3 and Meteor to generate SVG i this screencast on how to build a reactive data source, Dostaję naprawdę mylić ! Trudno mi właściwie zrozumieć reaktywne źródła danych, szablony i zależności w Meteor.

Nie mogę wydawać się być w stanie dokonać aktualizacji wykresu SVG po włożeniu nowego dokumentu Calculus.

Oto moje pytanie: jaki jest kompleksowy, przyjazny dla początkujących sposób automatyczna aktualizacja wykresu SVG generowanego przez d3 z danymi obliczonymi przez serwer, otrzymanymi po przesłaniu formularza, który wstawia dokument do kolekcji?

+0

Czy poprawnie skonfigurowano funkcje .enter(), .transition() i .exit(): http://bl.ocks.org/mbostock/3808218 –

+0

Tak, kod D3 działał poprawnie przed migracją do Meteor . Próbuję tylko wymyślić, jak podłączyć reaktywne źródło danych, które myślę :). – jbmusso

+0

Spróbuj tego: https://github.com/steve/simple-d3-with-meteor – PhoebeB

Odpowiedz

0

Musisz mieć subskrybenta zmian w kolekcji Calculi (http://docs.meteor.com/#reactivity) lub jeśli renderujesz w szablonie odpowiedź użytkownika, którą możesz wykonać i wywołać metodę update(), która uruchamia twój kod d3. Spowoduje to aktualizację wykresów w części aktualizacji kodu d3.

Powiązane problemy