D3 退出（）.删除（） 在堆积面积图上

Question

我在我正在创建的堆积面积图中的exit（）.remove（）函数中遇到了一些问题。

JS在这里：链接

我有一些功能，用户可以通过单击图例矩形/颜色来启用/禁用图表中的数据。我知道数据正在根据控制台消息和Y轴变化刻度进行更新，但图表中的数据不会更改。例如，如果用户取消选择“失败”类别，橙色图层应消失，“失败”和“通过”图层应重新调整。

问题似乎出现在小提琴的第 214 行到第 234 行，特别是在我调用 exit（）.remove（） 的地方：

// filter the data
var updatedData = dataSeries.filter(function(d) {
    if(d.vis === "1"){
        return d;
    }
    else {
        return null;
    }
});

stack.values(function(d) { return d.values; });

layer = stack(updatedData);

main_layer.selectAll(".layer")
    .data(layer);

main_layer
    .attr("d", function(d) { return main_area(d.values); });

main_layer.exit().remove();

我得到的错误是对象[对象数组]没有方法退出我尝试过将selectAll更改为只是一个选择，但这也会产生相同的错误。提前谢谢。

Answer 1

我终于把它修好了。下面的代码正确地更新了层:

// filter the data
var updatedData = dataSeries.filter(function(d) {
    if(d.vis === "1"){
        return d;
    }
    else {
        return null;
    }
});

stack(updatedData);

var sel = main_layer.select(".layer");

sel
    .attr("class", function(d) { return d.key + " layer"; })
    .style("fill", function(d, i) { 
        if(d.vis === "1") {
            return z(i);   
        }
        else return null;
    })
    .attr("d", function(d) { 
        if(d.vis === "1") {
            return main_area(d.values); 
        }
        else return null;
    });