Hiển thị trong Backbone.js bằng cách sử dụng d3.js và svgs

Question

Trong backbone.js, chức năng hiển thị của khung nhìn tạo ra html chưa được đính kèm mà sau này có thể được đính kèm với phần tử dom.

Hiện tại, tôi phải có mục tiêu hiện tại trong HTML để tôi gắn thêm svg vào. Sau đó tôi sử dụng mẫu dữ liệu/nhập để chèn các phần tử vào svg. Có cách nào để có được d3.js để tạo ra svg mà không gắn nó vào dom?

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

Hoặc, có thể cung cấp d3 với phần tử dom không gắn liền để chắp thêm nội dung không? Một cái gì đó như thế này? D3.js tài liệu cho thấy rằng chọn có thể chấp nhận các nút, nhưng sau đó không làm việc cho tôi, hoặc

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

Tôi tìm thấy câu trả lời trong bài viết này SVG not rendering properly as a backbone view

d3.select(this.el) 

hiện các trick!