Question

点击（clickme http://jsfiddle.net/sjp700/BF5K2/）应将3个形状移动到新位置。颜色，文字和形状数量都发生了奇怪的事情。有关如何纠正此问题的任何想法？

 gEnter = group.enter()
      .append("g")
      .attr("class", function(d) { return d.shape ? "rectangle" : "circle"; })
      .attr("transform", function(d) { return "translate(" + xRange(d.position) + "," +       yRange(d.position) + ")"; });

Answer 1

您可以将过渡到功能“重绘”。

function redraw() {
   group.transition().duration(1500).ease("exp-in-out")
        .attr("transform", function (d) {
        return "translate(" + xRange(d.position) + "," + yRange(d.position) + ")";
    });

}

这是小提琴 - http://jsfiddle.net/BF5K2/2/

过渡期间g组的奇怪行为

1 个答案: