1

d3Jsでは、tsvファイルから基本的な線分をどのように描画しますか? ファイルが 1 行のデータで x1、y1、x2、y2 を宣言しているとします。以下のデータのように、2 つの線分を描画したいと思います。

x0      y0      x1      y1      weight
0.5     0.5     0.2     0.2     2
0.25    0.35    0.7     0.8     1

ここで d3.tsv 関数に問題があります。以下のコードは根本的に間違っていると確信していますが、私がやろうとしていることを示すために...

d3.tsv("data/sampledata.tsv", function(error, data) {
data.forEach(function(d) {
    d.x0 = +d.x0;
    d.y0 = +d.y0;
    d.x1 = +d.x1;
    d.y1 = +d.y1;
});

 var line = svgContainer.append("line")
                     .attr("x1", function(d) { return (d.x0); })
                     .attr("y1", function(d) { return (d.y0); })
                     .attr("x2", function(d) { return (d.x1); })
                     .attr("y2", function(d) { return (d.y1); })
                     .attr("stroke-width", 2)
                     .attr("stroke", "black");

}); 

誰かが私を正しい方向に向けてもらえますか? そこにあるドキュメントは、主に一連のデータを介してパスを作成することを指しており、個々の線分を作成しようとしています。助けてくれてありがとう。

4

2 に答える 2