d3.js ile * basit * çizgi segmenti nasıl çizilir?

Question

d3.js için documentation'da, iki nokta arasında basit satır segmentini çizmek için kolay bir yol bulamıyorum. Bunu yapmak için bulabileceğim tek yol, x ve y vb. Vb. Için geri aramaların yapılmasını gerektirir. Basit bir çizgi parçası çizmek için büyük üretim.

Daha basit bir şey var mı?

Answer 1

En basit geçerli:

d3.select('svg') 
    .append('path') 
    .attr({ 
    d: "M0,0L200,200" 
    stroke: '#000' 
    }); 

Bu çok kötü değil: Hala

var simpleLine = d3.svg.line() 
d3.select('svg') 
    .append('path') 
    .attr({ 
    d: simpleLine([[0,0],[200,200]]), 
    stroke: '#000' 
    }); 

....

Dunno bu basit, ama belki daha doğrudan eğer:

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

(Hepsi üç örnekler 0,0 ile 200,200 arasında bir çizgi çiziyorlar)