javascript - d3 js 添加点到路径转换示例

Question

刚从 D3 开始。

我试图在 y 值大于 0.2 时向路径转换示例添加点，并将它们跨路径转换，以便它们看起来相对于路径保持在相同的位置。它只是最终应用于我自己的数据的测试，但我真的不明白我该怎么做。到目前为止，这是我尝试的 jsfiddle 的链接。任何指针都会很棒。

http://jsfiddle.net/yn7XY/

想我可以在更新中执行以下操作，谢谢

points = svg.selectAll("circle") .data([data])                       
.enter().append("circle")
.attr("opacity", function(d) {
if (d > .2) {
    return .9;}
else {
    return 0;
});
.style("fill", "DarkRed")
.attr("cx", function(d, i) { return x(i);})
.attr("cy", function(d) {return y(d);})
.attr("r", function(d) {return 4;})
.transition()
.duration(500)
.ease("linear")
.attr("transform", "translate("+ x(0) + ")")
.each("end", tick);

points.exit().remove();