d3動態文字循環

Question

我有一個稱為鍵[1:"XXX",2:"YYY"]的數組，並且頁面上已經有2個svg元素。 我希望每個元素都有一個數組值，但是下面的代碼將兩個值都放在每個文本標簽中。 我嘗試過keys[i] ，但是i不確定。 我該怎么做？

svg.selectAll("svg").
data(keys).
enter()
    .append("svg:text")
         .attr("x", width )
         .attr("y", height).
         .attr("dx", -width/2)
         .attr("text-anchor", "middle")
         .attr("style", "font-size: 12; font-family: Helvetica, sans-serif")
         .text(function(keys) { return keys;})
         .attr("transform", "translate(0, 18)")
         .attr("class", "yAxis");

Answer 1

文本函數參數使用名稱keys 。 嘗試使用d代替：

svg.selectAll("svg")
.data(keys)
.enter()
.append("svg:text")
  .attr("x", width )
  .attr("y", height).
  .attr("dx", -width/2)
  .attr("text-anchor", "middle")
  .attr("style", "font-size: 12; font-family: Helvetica, sans-serif")
  .text(function(d) { return d;})
  .attr("transform", "translate(0, 18)")
  .attr("class", "yAxis");

attr和text方法的參數是一個函數，該函數采用數據元素並使用其值來計算屬性或文本值。 您正在使用具有兩個元素的全局變量keys的值。