Làm thế nào để thêm một vòng cung đơn giản với D3

Question

Tôi muốn thêm một vòng cung đơn giản trong phần biểu đồ giống như một vòng tròn:

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

Các quy examples of D3 đang làm việc với các thuộc tính dữ liệu nhưng tôi muốn nhìn thấy nó mà không bất kỳ dữ liệu cơ bản nào.

Answer 1

D3 sử dụng trình tạo đường dẫn cho vòng cung. Nếu bạn không muốn dữ liệu lái xe vòng cung của bạn chỉ cần xác định các máy phát điện hồ quang và thêm một số phương pháp ...

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

Bạn có thể thấy một bản demo ở đây: http://jsfiddle.net/h9XNz/