D3.js如何在條形圖中自定義圖例

Question

我在for循環中使用以下代碼將數據推送到數組中，並且此數據用於使用D3.js構建分組條形圖。

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

我用只通過和失敗用於分組條形圖。它很好地出現。 但是，當我設置傳說它顯示了最後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 + ")"; });