d3.js로 * 간단한 * 선분을 그리는 방법은 무엇입니까?

Question

d3.js에 대한 documentation에서 두 점 사이에 간단한 선분을 그리는 간단한 방법을 찾을 수 없습니다. 내가 이것을 할 수있는 유일한 방법은 x와 y 등등에 대한 콜백을 생성 할 것을 요구하는 것이다. a 메이저 단순한 선분을 그려야합니다.

더 간단한 것이 있습니까?

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

(모두 3 개 예를 들어 0,0에서 200,200까지 줄을 그립니다.