D3

Question

있는 간단한 호를 추가하는 방법은 원 같은 차트 섹션에서 하나의 간단한 호를 추가하고 싶습니다 :

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

는 제공 examples of D3 데이터 속성으로 작업하지만 난없이보고 싶다 모든 기본 데이터.

Answer 1

D3은 호에 경로 생성기를 사용합니다. 당신은 데이터 드라이브에 원하는 당신의 호를하지 않으면 당신이 여기 데모를 볼 수 있습니다 ...

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)") 

아크 발전기를 정의하고 몇 가지 방법을 추가 http://jsfiddle.net/h9XNz/이