Question

我有一个带有过渡的折线图，我添加了工具提示。这适用于第一个部门，但是只要我从下拉菜单中更改部门，图表的散点图部分就不会重新绘制（行更新应该如此）。我可能会遗漏一些基本的东西，但是当我看到例子时，我认为我有正确的想法。有人看到我的代码有什么问题吗？

更新 - 删除了完整的代码。当我在控制台中启动它时，我得到了所需的更改。但它在我的更新功能中不起作用。而且我很难理解：）

focus.selectAll("circle")
.data(dataFilter)
    .attr("fill","blue")
    .attr("cx", function(d) { return x(d.datum); })       
    .attr("cy", function(d) { return y(d.Kvot); });

Answer 1

终于搞定了 - 当我放入它自己的更新功能并在转换后调用它似乎工作。任何人都可以解释为什么我不能把它放在其他功能中？我想这与过渡有关，但不知道。

function update_circles() {
focus.selectAll("circle")
    .data(dataFilter)
    .attr("cx", function(d) { return x(d.datum); })       
    .attr("cy", function(d) { return y(d.Kvot); });
};

Answer 2

您忘记使用transition方法：

// Make the changes
focus.select("#Main").transition().duration(750)
    .attr("transform", "translate(" + (width+3) + "," + y(yMain) + ")")
    .text(sec);

有关官方文档中transitions的更多信息。的问候，

d3.js散点图不会在转换时重绘

2 个答案: