d3.js - 如何使用 d3.js 绘制 simple 线段？

Question

在 d3.js 的文档中，我找不到在两点之间绘制简单线段的直接方法。我能找到的唯一方法是需要为 x 和 y 等创建回调，等等。即一个主要的生产只是为了绘制一个简单的线段。

有没有更简单的？

score 14 · Accepted Answer

最简单的是：

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 到 200,200 的线）

d3.js - 如何使用 d3.js 绘制 *simple* 线段？