如何用d3.js繪製*簡單*線段？

Question

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

不過....

說不上來，如果這是簡單的，但它也許更直接：

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

（全部三個例子畫出一條從0到200,200的線）