在 d3Js 中,如何从 tsv 文件中绘制基本线段?说文件声明,在一行数据中,x1,y1,x2,y2。我想绘制两条线段,如下面的数据:
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");
});
有人可以指出我正确的方向吗?那里的文档主要是指在我尝试生成单个线段时通过一系列数据创建路径。提前感谢您的帮助。