d3.js ve svgs kullanarak Backbone.js içinde işleme alma

Question

Backbone.js'de, bir görünümün render işlevi, daha sonra dom'a eklenebilen ayrılmamış html oluşturur.

Şu anda, HTML'de benim için svg eklemek için varolan bir hedefe sahip olmam gerekiyor. Sonra svg içine eleman eklemek için veri/giriş desenini kullanıyorum. D3.js, svg'yi dom'a eklemeden oluşturması için bir yol var mı?

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"); 

Alternatif olarak, d3'e bir şeyler eklemek için bağımsız bir dom öğesi ile sağlamak mümkün mü? Böyle bir şey mi? D3.js dokümantasyon düğümleri kabul edebilir seçme önerir, ama benim için çalışmıyor Aşağıdaki ya

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

Ben SVG not rendering properly as a backbone view

d3.select(this.el) 

hile yok Bu mesajda cevabını buldu!