我想在图表部分添加一个简单的圆弧,如圆圈:
vis.append("circle") .style("stroke","gray") .style("fill","white") .attr("r",40) .attr("cx",50) .attr("cy",50);
提供的examples of D3正在处理数据属性,但我希望看到它没有任何底层数据.
解决方法
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/