d3.js और svgs

Question

का उपयोग कर बैकबोन.जेएस में प्रस्तुत करना backbone.js में, एक व्यू का रेंडर फ़ंक्शन अटैच किए गए HTML उत्पन्न करता है जिसे बाद में डोम से जोड़ा जा सकता है।

वर्तमान में, मेरे लिए एक एसटीजी संलग्न करने के लिए मेरे पास HTML में मौजूदा लक्ष्य होना है। मैं फिर svg में तत्वों को सम्मिलित करने के लिए डेटा/प्रवेश पैटर्न का उपयोग करें। क्या dom3 को इसे संलग्न किए बिना svg उत्पन्न करने के लिए d3.js प्राप्त करने का कोई तरीका है?

var svg = d3.select("#target").append('svg') 
    .attr("viewBox","0 0 100 100"); 

svg.selectAll("circle") 
    .data(data) 
    .enter().append("circle") 
     .attr("r", 10) 
     .style("fill", "black"); 

वैकल्पिक रूप से, क्या सामान को जोड़ने के लिए एक unattached डोम तत्व के साथ d3 प्रदान करना संभव है? कुछ इस तरह? D3.js प्रलेखन पता चलता है कि चयन नोड्स स्वीकार कर सकते हैं, लेकिन अगले मेरे लिए काम नहीं करता है या तो

var svg = d3.select(this.$el).append('svg') // Uncaught TypeError: Object [object Object] has no method 'appendChild' 
    .attr("viewBox","0 0 100 100");  

svg.selectAll("circle") 
    .data([1,2,3]) 
    .enter().append("circle") 
     .attr("r", 10) 
     .style("fill", "black"); 

Answer 1

मैं इस पोस्ट SVG not rendering properly as a backbone view

d3.select(this.el) 

काम कर देता है में जवाब मिल गया!