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