如何使用d3.js绘制*简单*线段?
在for d3.js中,我找不到在两点之间绘制简单线段的简单方法。我能在那里找到的唯一方法是需要为x和y等创建回调,也就是说,主要生产只是为了绘制一个简单的线段 有更简单的吗?最简单的是:如何使用d3.js绘制*简单*线段?,d3.js,D3.js,在for d3.js中,我找不到在两点之间绘制简单线段的简单方法。我能在那里找到的唯一方法是需要为x和y等创建回调,也就是说,主要生产只是为了绘制一个简单的线段 有更简单的吗?最简单的是: d3.select('svg') .append('path') .attr({ d: "M0,0L200,200" stroke: '#000' }); 这还不算太糟: var simpleLine = d3.svg.line() d3.select('sv
d3.select('svg')
.append('path')
.attr({
d: "M0,0L200,200"
stroke: '#000'
});
这还不算太糟:
var simpleLine = d3.svg.line()
d3.select('svg')
.append('path')
.attr({
d: simpleLine([[0,0],[200,200]]),
stroke: '#000'
});
还是
我不知道这是否更简单,但可能更直接:
d3.select('svg')
.append('line')
.attr({
x1: 0,
y1: 0,
x2: 200,
y2: 200,
stroke: '#000'
})
(所有三个例子都从0,0到200200画了一条线)谢谢,不过,想一想,我想我会把ol'
.attr(d:“M0,0l200200”)
拆开,让它撕开。