如何使用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 ，但對點圖有效。 希望這對可能遇到類似問題的人有所幫助。