D3.js如何与基本SVG元素在相反方向上转换

Question

目前此栏的D3转换从左到右开始，我相信它是默认的。

如何从右到左进行转换呢？ 这是我的过渡期： https://jsfiddle.net/kxg9x4gq/39/

var svg = d3.select("#foo")

var bar = svg.append("g")
             .attr("transform", "translate(20,20)")

bar.append("rect")
   .attr("height", 15)
   .transition().duration(700)
   .attr("width", 400)

Answer 1

您可以通过在转换前后设置NSDraggingDestination属性，让条形图从右向左转换。

- (NSDragOperation)draggingEntered:(id<NSDraggingInfo>)sender {
    self.dragIsBeingPerformed = YES;
    // Rest of method.
}

- (void)draggingExited:(id<NSDraggingInfo>)sender {
    self.dragIsBeingPerformed = NO;
    // Rest of method.
}

- (void)concludeDragOperation:(id<NSDraggingInfo>)sender {
    self.dragIsBeingPerformed = NO;
    // Rest of method.
}

x

var svg = d3.select("#foo")

var bar = svg.append("g")
             .attr("transform", "translate(20,20)")

bar.append("rect")
   .attr("height", 15)
   .attr("x", 400)
   .transition().duration(700)
   .attr("width", 400)
   .attr("x", 0)

注意：我更改了rect { fill: #CCC; }元素的宽度，以使其在上面的Stack Snippet上正常工作。它确实在JSFiddle上使用您的原始值。