如何在javascript中追加之前添加条件

Question

我正在使用D3图表，其中节点具有JSON中指定的类型。根据类型，我想附加一个矩形或圆形，并跟随其他属性等。任何人都可以告诉我最好的方法吗？

我已经尝试了this，但结束了

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

错误。

var node = svg.selectAll(".node")
        .data(nodes)
        .attr("opacity",1)
        .enter()
        .append("g")
        .attr("class", "node")
        .attr("transform", function(d) { 
          return "rotate(" + (d.x - 90) + ")translate(" + d.y + ")";
        })


// if (d.type == "s")   {  

    node.append("rect")
        .attr("fill", function(d,i) {return colorOrdinal(i) } )
        .attr("opacity",1)
        .attr("stroke","black")
        .attr("width",130)
        .attr("height",14)
        .attr("transform", function(d) { 
            return "rotate(" + (d.x - d.x ) + ")translate(" + (d.y -d.y + 0) + "," + -7 + ")";
        })

//}
//else
//{
    node.append("circle")
        .attr("r", 4)
        .attr("opacity",1)  
        .style("fill", function(d,i) { return colorOrdinal(i) } )     
// }
    node.append("text")
        .attr("dy", ".31em")
        .attr("opacity",1)
        .attr("text-anchor", function(d) { return d.x < 180 ? "start" : "end"; })
        .attr("transform", function(d) { return d.x < 180 ? "translate(8)" : "rotate(180)translate(-8)"; })
        .text(function(d) { return d.name });