javascript - d3 处理多个数组中的数据

Question

我正在尝试绘制多线图。我知道如何用一条线构建一个 d3 图，我知道如何用多条线构建一个 d3 图，数据是这样组织的:

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

但是，我的数据目前位于三个不同的二维数组中。是否有一个内置的 d3 函数，我可以使用它在同一张图上用这些数据绘制三条线？还是我必须手动构造三行并将它们中的每一行添加到 svg。

Answer 1

不确定这是否完全回答了您的问题，但是您可以将三个二维数组组合成一个数组，然后将该数组传递给您的绘图函数吗？例如。像这样:

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.    
     });