折线图D3中的点更新问题

Question

我在更新折线图上的点时遇到问题。如果数据总数保持不变，则可以正常工作，但如果数据数量发生变化，我无法更新圆圈和工具提示。我知道有进入和更新部分的isssue。这是小提琴Link

    blueCircles.data(data)
            .enter().append("circle")
        .attr("r", 4)
        .attr("cx", function(d) { return x(d.qName); })
        .attr("cy", function(d) { return y(d.close); })
                    .style("fill", "white")
        .style("stroke", "blue")
        .style("stroke-width", "2px")
        .transition()
        .duration(750);

高度赞赏这方面的任何帮助

Answer 1

我知道这是一个迟到的答案。 但如果有人搜索解决方案，这可能会有所帮助。

问题在于这一行：

var svg = d3.select("body").transition();

在我清理完之后，我摆脱了一些奇怪的错误，并且能够在svg中添加圆圈。

这是一个工作小提琴： http://jsfiddle.net/noo8k17n/