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

Question

在d3.js 的文档中,我找不到在两点之间绘制简单线段的简单方法.我能找到这个的唯一方法是需要为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的线)