D3

2012-08-22 34 views
6

ile basit yay eklemek için nasıl bir dairenin gibi grafik bölümünde basit bir yay eklemek istiyorum:D3

vis.append("circle") 
    .style("stroke", "gray") 
    .style("fill", "white") 
    .attr("r", 40) 
    .attr("cx", 50) 
    .attr("cy", 50); 

sağlanan examples of D3 veri özellikleriyle çalışıyoruz ama olmadan görmek istiyorum herhangi bir temel veri.

cevap

8

D3, yaylar için bir yol üreteci kullanır. Eğer-veri götürmek istediğiniz yay yoksa sadece Burada bir demo görebilirsiniz ...

var arc = d3.svg.arc() 
    .innerRadius(50) 
    .outerRadius(70) 
    .startAngle(45 * (Math.PI/180)) //convert from degs to radians 
    .endAngle(3) //just radians 

vis.append("path") 
    .attr("d", arc) 
    .attr("transform", "translate(50,50)") 

ark jeneratörünü tanımlamak ve bazı yöntemler ekleyin: http://jsfiddle.net/h9XNz/

+0

harika olduğunu ben tam olarak ne istediğini! Teşekkürler – Oliver

+0

jsfiddle bağlantısı hiçbir şey göstermiyor. –

+0

@KyleLahnakoski, neden Firefox'ta çalışmadığından emin değil, bunu yaparken Chrome'u kullanmayı deneyin. – Duopixel