Question

我正在尝试使用d3.js svg功能从数组数据中获取值我能够从数据数组变量中获取X和Y值，现在我想使用相同的方法获得旋转但是我我在transform=rotate()我的代码中连接函数时遇到了问题。

var spaceCircles = [    
           {x:30, y:30, r: 45  } , 
           { x: 100 , y : 100 , r: 45  }
      ];

   var svgContainer = d3.select("body").append("svg")
                       .attr("width", 800)
                       .attr("height", 400)
                       .style('background','#f4f4f4')
                       .style("border", "1px solid black");

        var circles = svgContainer.selectAll("rect")
                          .data(spaceCircles)
                          .enter()
                          .append("rect");

        var circleAttributes = circles
                       .attr("x", function (d) { return d.x })
                       .attr("y", function (d) { return d.y })
                       .attr("width", 80)
                       .attr("height", 20)
                 //below part is my problem
                       .attr('transform', 'rotate('+  function (d) {   return d.r }  +')');

.attr（'transform'，'rotate（'+ function（d）{return d.r} +'）'）;

任何建议都会很棒！提前谢谢！

Answer 1

您必须返回整个.setRemoteDescription属性：

rotate

如何使用D3.js将返回函数连接到SVG转换属性

1 个答案: