radialLine 径向线生成器

radialLine 径向线生成器

使用默认的角度，半径访问器，和插值器函数构造一个 径向线生成器，返回的函数用以生成开放分段线性曲线、折线。
它和line生成器很相似，只是将line的x,y访问其换位angle，radius生成器。可以将它想想成一个圆规在画圆，但是在划的过程中不停的改变角度。 radius访问器和angle访问器结合使用，表示在特定的角度上的半径是多少。它们一般都接受函数（也可以写成常数）。
注意：0°在12点钟方向。

数据格式

每个点出的半径和据12点钟的角度组成的对象数组。

1. var data = [
2. {r:100,angle:0},
3. {r:100,angle:per*1},
4. {r:100,angle:per*2},
5. {r:100,angle:per*3},
6. {r:100,angle:per*4},
7. {r:100,angle:per*5},
8. {r:100,angle:per*6}
9. ];

生成构造器

1. var radialLine = d3.radialLine()
2. .radius(function (d) { return d.r;})
3. .angle(function(d){ return d.angle;});

 

这是构造器的最简形式了，需要指定radius和angle的生成方式。
例子请移步这里。

我们还可以对给构造器进行一些curve限制已达到不同的效果……

1. var radialLine = d3.radialLine()
2. .radius(function (d) { return d.r;})
3. .angle(function(d){ return d.angle;})
4. .curve(d3.curveBasis);

转载于:https://www.cnblogs.com/yaoyinglong/p/5904221.html