Javascript d3在多个数组中处理数据

Javascript d3在多个数组中处理数据,javascript,arrays,svg,graph,d3.js,Javascript,Arrays,Svg,Graph,D3.js,我想画一个多线图。我知道如何用一条线构建d3图,我知道如何用多条线构建d3图,数据组织如下: id, value1, value2 1, 10, 20 2, 10, 20 3, ... 但是,我的数据当前位于三个不同的二维阵列中。是否有一个内置的d3函数,我可以使用它在同一个图形上用这些数据绘制三条线?或者我必须手动构造三条线并将它们分别添加到svg不确定这是否完全回答了您的问题,但您能否将三个2D数组组合成一个数组,然后将该数组传递到绘图功能中? 例如,类似这样的事情: var data =

我想画一个多线图。我知道如何用一条线构建d3图,我知道如何用多条线构建d3图,数据组织如下:

id, value1, value2
1, 10, 20
2, 10, 20
3, ...

但是,我的数据当前位于三个不同的二维阵列中。是否有一个内置的d3函数,我可以使用它在同一个图形上用这些数据绘制三条线?或者我必须手动构造三条线并将它们分别添加到
svg

不确定这是否完全回答了您的问题,但您能否将三个2D数组组合成一个数组,然后将该数组传递到绘图功能中? 例如,类似这样的事情:

var data = [data1,data2,data3];
var graph = svg.append('g').selectAll('graph')
               .data(data)
               .enter().append('g')
               .attr('class','graph');

graph.append('path')
     .attr('d',function(dat,i){
         // dat in this case will correspond to the data for
         // for a single curve.
         // This will return the path for
         // graphing a single curve.    
     });