如何使用d3将多个变量的数据输入到一张图表中？

Question

只要所有数据都在一个文件或一个这样的变量中，就可以很容易地在d3中输入数据：

svg.selectAll("path").data(datavariable).enter()
    .append("path")
    ....

我需要将存储在单独变量中的数据输入到一张图中。 我试过了

svg.selectAll("path").data(datavariable1).enter()
    .append("path")
    ....
 svg.selectAll("path").data(datavariable2).enter()
    .append("path")
    ....

它似乎不起作用。 我还尝试了svg.selectAll("path1")...和svg.selectAll("path.datavariable1")... ，但它只是使用相同的数据（ datavariable1 ）在第二条路径上绘制了第二条路径。 有谁知道如何从两个变量中获取数据以同时处理一张图？

Answer 1

我借助Nixie的评论弄清楚了。 这对我有用。 对于路径，我不需要svg.selectAll任何东西。 line1和line2从数据变量获取数据：

var line1 = d3.line()
    .x(function(d,i) { return x(datavariable1[i].xvalue); })
    .y(function(d,i) { return y(datavariable1[i].yvalue); });

var line2 = d3.line()
    .x(function(d,i) { return x(datavariable2[i].xvalue); })
    .y(function(d,i) { return y(datavariable2[i].yvalue); });

然后我将SVG附加如下：

svg.append("path")
    .attr("class", "line")
    .attr("d", line1(datavariable1))


svg.append("path")
    .attr("class", "line")
    .attr("d", line2(datavariable2))

在Nixie的评论中，对我的问题的回答在我的情况下不起作用，因为path必须保持折线图的path ，但对点图有效。 希望这对可能遇到类似问题的人有所帮助。