如何使用d3.js画一个简单的线段？

Question

在d3.js的文档中，我找不到一种简单的方法来绘制两个点之间的简单线段。 我唯一能找到的方法是需要创建x和y等回调函数等的方式。 也就是说，只是绘制一个简单的线段就需要进行重大的生产。

是否有更简单的方法？

- kjo

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

依然……

我不确定这是否更简单，但可能更直接：

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

（所有三个示例都从0,0绘制一条直线到200,200）

- meetamit

---

谢谢，不过想想，我想我会使用旧的.attr(d:"M0,0L200,200")，然后让它运行。 - kjo