如何使用d3.js绘制*简单*线段?

如何使用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

在for d3.js中,我找不到在两点之间绘制简单线段的简单方法。我能在那里找到的唯一方法是需要为x和y等创建回调,也就是说,主要生产只是为了绘制一个简单的线段

有更简单的吗?

最简单的是:

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”)
拆开,让它撕开。