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

Question

在d {j}的documentation中，我无法找到在两点之间绘制简单线段的简单方法。我能找到的唯一方法就是需要为x和y等创建回调，等等。 主要制作只是为了绘制一个简单的线段。

有什么更简单的东西吗？

Answer 1

最简单的是：

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'
  });

还是....

Dunno如果这更简单，但它可能更直接：

d3.select('svg')
  .append('line')
  .attr({
    x1: 0,
    y1: 0,
    x2: 200,
    y2: 200,
    stroke: '#000'
  })

（所有三个例子都画了一条从0,0到200,200的线）