d3 处理多个数组中的数据

【问题标题】：d3 handle data in multiple arraysd3 处理多个数组中的数据
【发布时间】：2014-05-26 18:12:56
【问题描述】：

我正在尝试绘制多线图。我知道如何用一条线构建一个 d3 图表，并且我知道如何构建一个带有多条线的 d3 图表，数据的组织方式如下：

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

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

【问题讨论】：

标签： javascript arrays svg graph d3.js

【解决方案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.    
     });

【讨论】：