使用D3，我试图在单击图例时添加和删除多线图中的线条

Question

我可以让图例更新（在图例上切换一个类），但在图表上，只有“.line”类的第一个实例正在更新。 请看一下，非常感谢：

var legend = d3.select("#legend1").append("svg")
          .attr("class", "legend")
          .selectAll("g")
          .data(z.domain().slice().reverse())
          .enter()
          .append("g")
          .on("click", function(){       
                 d3.select(this)
                  .classed("legendOption", d3.select(this)
                  .classed("legendOption") ? false : true),

                 d3.select(".line")
                   .classed("test", d3.select(".line")
                   .classed("test") ? false : true);
          ;})

Answer 1

如果要选择同一个班级的多个元素，请使用selectAll。此外，如果你发布一个JSFiddle或类似的东西，你会更容易理解你所指的是什么。