radialLine 径向线生成器
radialLine 径向线生成器
使用默认的角度
,半径
访问器,和插值器
函数构造一个 径向线生成器,返回的函数用以生成开放分段线性曲线、折线。
它和line生成器很相似,只是将line的x,y访问其换位angle,radius生成器。可以将它想想成一个圆规在画圆,但是在划的过程中不停的改变角度。 radius访问器和angle访问器结合使用,表示在特定的角度上的半径是多少。它们一般都接受函数(也可以写成常数)。注意:0°在12点钟方向。
数据格式
每个点出的半径和据12点钟的角度组成的对象数组。
var data = [
{r:100,angle:0},
{r:100,angle:per*1},
{r:100,angle:per*2},
{r:100,angle:per*3},
{r:100,angle:per*4},
{r:100,angle:per*5},
{r:100,angle:per*6}
];
生成构造器
var radialLine = d3.radialLine()
.radius(function (d) { return d.r;})
.angle(function(d){ return d.angle;});
这是构造器的最简形式了,需要指定radius
和angle
的生成方式。
例子请移步这里。
我们还可以对给构造器进行一些curve
限制已达到不同的效果……
var radialLine = d3.radialLine()
.radius(function (d) { return d.r;})
.angle(function(d){ return d.angle;})
.curve(d3.curveBasis);
作者:禅楼望月
出处:http://www.cnblogs.com/yaoyinglong
如果,您认为阅读这篇博文让您有些收获,不妨点击一下右下角的【推荐】
如果,您希望这篇博文也能帮助到其他人,不妨点击一下右边的【分享到…】
如果,您希望更容易地发现我的新博客,不妨点击一下左下角的【关注我】
如果,您对我的博客内容感兴趣,请继续关注我的后续博客,我是【禅楼望月】
本文版权归作者和博客园共有,欢迎转载,但请注明出处,且在文章页面明显位置给出原文连接。
*\\(^o^)/* 请您毫不留情的指出错误和不足,或者发表您的见解(ɔˆ ³(ˆ⌣ˆc)我们共同进步(ง •̀_•́)ง
![”google](http://www.iewb.net/wp-content/uploads/2010/01/4.gif)
![有道](http://www.iewb.net/wp-content/uploads/2010/01/11.gif)
![订阅本站到QQ邮箱](http://www.iewb.net/wp-content/uploads/2010/01/feed-btn-1.gif)