2012-05-24 13 views
6

Vorrei eseguire il rendering di una vista ember.js utilizzando raphael.js o d3.js. La mia comprensione è che it is possible to do this, ma non riesco a capire come farlo funzionare dopo aver letto tutti i documenti e googling in giro. Eventuali suggerimenti?vista emberjs con raphael o d3

Un esempio di ciao mondo sarebbe l'ideale per iniziare almeno sulla strada giusta.

risposta

4

C'è un post sul blog di Johannes Fahrenkrug, utilizzando Raphael.js con Sproutcore 2.0http://blog.sproutcore.com/using-raphael-js-with-sproutcore-2-0/. Il codice è ospitato allo https://github.com/jfahrenkrug/sproutcore-raphael.

Dal momento che Ember.js si è evoluto da Sproutcore 2.0, non dovrebbe essere troppo impegnativo utilizzare il codice esistente. Ho portato l'eccellente esempio di Johannes a Ember.js e ho creato un JSFiddle, vedi http://jsfiddle.net/pangratz666/BHYgQ/. Dovresti assolutamente dare un'occhiata al progetto su GitHub.

Il mio esempio di porta è ospitato su GitHub e può essere visto in diretta al http://pangratz.github.com/ember-raphael.


Quanto a D3, è possibile dare un'occhiata al post di Alex Rothenberg Combining D3 and Ember to Build Interactive Maps.

+0

grazie! quel jsfiddle è veramente utile. – dino

+0

Cheers! Il violino era obsoleto, l'ho risolto in modo che le risorse esterne si caricassero correttamente: http://jsfiddle.net/BHYgQ/34/ – Christoffer