D3.js如何在条形图中自定义图例

Question

我在for循环中使用以下代码将数据推送到数组中，此数据用于使用D3.js构建分组条形图。

＆＃13;

＆＃13;

DataSetForBarChart.push({
          TestSuite: "TS"+treeIndex,
          Pass: trueAppear,
          Fail: falseAppear,
          FalseStatements : falseStatement,
          TrueStatements : trueStatement
     });

＆＃13;

＆＃13;

＆＃13;

我只对分组条​​形图使用Pass和Fail。很好地出现。  但是，当我设置传奇它显示最后4件事。但我真的只需要显示通过和失败。怎么样？

谢谢。

Answer 1

希望这会对你有所帮助

var legend = svg.selectAll(".legend")
      .data(testSuite.slice(0,2)) // give which elements that you need to set legend inside slice method
    .enter().append("g")
      .attr("class", "legend")
      .attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });