は、私は、SVGサークルのためのデータを結合するための複数の2つのアレイを使用しようとしていますが、

Question

が、私は2つの配列を持っていると言う方法を見つけ出すことはできません。

ここ

var x_axis_values = [0,1,2,3]; 

    var y_axis_values = [2,3,4,5]; 

    var svgContainer = d3.select("body").append("svg") 

            .attr("width", 200) 

            .attr("height", 200); 

var circles = svgContainer.selectAll("circle") 

         .data(x_axis_values) 
         .enter() 
         .append("circle"); 


var circleAttributes = circles 

         .attr("cx",function(d) {return d;}) 

配列私は以来、私は「CY」のためにデータをバインドすることはできませんusingはx_axis_valuesです。 y_axis_values配列からデータをバインドする方法は？ JSON形式でこれが簡単になるかもしれませんが、配列でこれを行うと良いでしょう。

ありがとうございます。

Answer 1

ちょうどあなたがでているインデックスを取得し、y_axis_values配列から対応する値を返します。

var x_axis_values = [0, 1, 2, 3]; 

var y_axis_values = [2, 3, 4, 5]; 

var svgContainer = d3.select("body").append("svg") 
    .attr("width", 200) 
    .attr("height", 200); 

var circles = svgContainer.selectAll("circle") 

.data(x_axis_values) 
    .enter() 
    .append("circle"); 


var circleAttributes = circles 
    .attr("cx", function(d) { 
    return d; 
    }) 
    .attr("cx", function(d, i) { //add i here to get current index 
    return y_axis_values[i]; //gets current index of x_axis_values and gets the corresponding y_axis_values value 
    })