Jquery 用d3中的圆弧绘制椭圆

Jquery 用d3中的圆弧绘制椭圆,jquery,d3.js,svg,jquery-svg,Jquery,D3.js,Svg,Jquery Svg,我想用圆弧画一个椭圆。我做的是圆,但做不到椭圆。 请帮我拿椭圆 圆圈代码 varπ=Math.PI, τ = 2 * π, n=500; 可变宽度=300, 高度=200, 外层=宽度/2-20, 内半径=外半径-20; d3.选择(“svg”).追加(“g”) .attr(“变换”、“平移”(+width/2+)、“+200+”) .selectAll(“路径”) .数据(d3.范围(0,τ,τ/n)) .enter().append(“路径”) .attr(“d”,d3.svg.arc()

我想用圆弧画一个椭圆。我做的是圆,但做不到椭圆。 请帮我拿椭圆

圆圈代码

varπ=Math.PI,
τ = 2 * π,
n=500;
可变宽度=300,
高度=200,
外层=宽度/2-20,
内半径=外半径-20;
d3.选择(“svg”).追加(“g”)
.attr(“变换”、“平移”(+width/2+)、“+200+”)
.selectAll(“路径”)
.数据(d3.范围(0,τ,τ/n))
.enter().append(“路径”)
.attr(“d”,d3.svg.arc()
.outerRadius(outerRadius)
.innerRadius(innerRadius)
.startAngle(函数(d){返回d;})
.endAngle(函数(d){返回d+τ/n*1.1;}))

D3
arc()
函数仅生成圆弧段。它实际上根据您提供的内外半径生成实体形状的轮廓

将该圆弧转换为椭圆的唯一方法是以不同的方式缩放水平和垂直标注。见下文

varπ=Math.PI,
τ = 2 * π,
n=500;
可变宽度=300,
高度=200,
外层=1,
内半径=0.85,
cx=200,
cy=150;
d3.选择(“svg”).追加(“g”)
.attr(“转换”、“平移”(“+cx+”、“+cy+”)比例(“+(宽度/2)+”、“+(高度/2)+”)
.selectAll(“路径”)
.数据(d3.范围(0,τ,τ/n))
.enter().append(“路径”)
.attr(“d”,d3.svg.arc()
.outerRadius(outerRadius)
.innerRadius(innerRadius)
.startAngle(函数(d){返回d;})
.endAngle(函数(d){返回d+τ/n*1.1;}))


有什么问题吗?我需要在路径元素中使用圆弧来添加椭圆。这是我的要求,够了!可能会有帮助。很抱歉,它正在添加具有不同路径元素的椭圆,请检查我上面的示例,其中圆具有不同的路径元素。这样我可以在每个不同的元素上添加不同的颜色。我必须实现彩虹椭圆