Javascript 使用D3JS动态创建单选按钮

我知道如何在不使用D3JS的情况下创建动态显示的单选按钮。但是如何使用d3创建单选按钮的标签文本呢？同样在创建之后，如何将它们添加到单选按钮

var shapeData = ["Triangle", "Circle", "Square", "Rectangle"], 
    j = 3;  // Choose the rectangle as default

// Create the shape selectors
var form = d3.select("body").append("form");

labels = form.selectAll("label")
    .data(shapeData)
    .enter()
    .append("label")
    .text(function(d) {return d;})
    .insert("input")
    .attr({
        type: "radio",
        class: "shape",
        name: "mode",
        value: function(d, i) {return i;}
    })
    .property("checked", function(d, i) {return i===j;});

---

可能会有帮助，只需将复选框更改为单选按钮可能会有帮助，只需将复选框更改为单选按钮Hanks Roshan。我希望文本显示在单选按钮之后，每个按钮都显示在新行中。你能告诉我怎么做吗？谢谢Roshan。我希望文本显示在单选按钮之后，每个按钮都显示在新行中。你能告诉我怎么做吗？