d3 динамический текстовый цикл

Question

У меня есть массив, называемый ключами [1:"XXX",2:"YYY"], и у меня есть два элемента 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, которая имеет два элемента.