2012-05-24 15 views
6

के साथ देखें, मैं raphael.js या d3.js का उपयोग करके ember.js व्यू प्रस्तुत करना चाहता हूं। मेरी समझ यह है कि it is possible to do this, लेकिन मुझे लगता है कि यह सभी दस्तावेज़ों को पढ़ने और चारों ओर घूमने के बाद काम करने के लिए कैसे प्राप्त किया जा सकता है। कोई सुझाव?एम्बरजेएस राफेल या डी 3

कम से कम मुझे सही रास्ते पर शुरू करने के लिए एक हैलो वर्ल्ड उदाहरण आदर्श होगा।

उत्तर

4

Raphael.js का उपयोग Raphael.jsSproutcore 2.0http://blog.sproutcore.com/using-raphael-js-with-sproutcore-2-0/ के साथ, जोहान्स फेहरेंक्रग द्वारा एक ब्लॉग पोस्ट है। कोड https://github.com/jfahrenkrug/sproutcore-raphael पर होस्ट किया गया है।

चूंकि Ember.js kinda Sproutcore 2.0 से विकसित हुआ है, इसलिए मौजूदा कोड का उपयोग करने के लिए यह बहुत अधिक काम नहीं करना चाहिए। Ive ने जोहान्स द्वारा Ember.js के उत्कृष्ट उदाहरण को पोर्ट किया और एक JSFiddle बनाया, http://jsfiddle.net/pangratz666/BHYgQ/ देखें। आपको निश्चित रूप से गिटहब पर परियोजना की जांच करनी चाहिए।

मेरा पोर्ट किया गया उदाहरण GitHub पर होस्ट किया गया है और http://pangratz.github.com/ember-raphael पर लाइव देखा जा सकता है।


डी 3 के लिए के रूप में, आप एलेक्स Rothenberg पद Combining D3 and Ember to Build Interactive Maps पर एक नज़र ले जा सकते हैं।

+0

धन्यवाद एंबर अवयव के लिए खत्म हो dc.js Crossfilter + डी 3 चार्ट मोड़ा! कि jsfiddle वास्तव में उपयोगी है। – dino

+0

चीयर्स! बेवकूफ पुराना था, मैंने इसे ठीक कर दिया ताकि बाह्य संसाधन सही तरीके से लोड हो जाएं: http://jsfiddle.net/BHYgQ/34/ – Christoffer