charts - D3中的折线图点更新问题

Question

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

    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/