弦生成器
弦生成器→d3.ribbon()。返回的函数使用二次贝塞尔曲线连接两个圆弧,以构成封闭的弦的路径数据。
从d3.ribbon()返回函数的作用来看,弦其实可分为两部分,一部分为两个圆弧,一部分为二次贝塞尔曲线。贝塞尔曲线是d3.ribbon()返回的函数帮我们生成的,那我们只需要画两个圆弧(起始圆弧,结束圆弧)就可以了。画圆弧(arc)的需要的参数为半径、起始角度、结束角度。因此我们就可以知道弦生成器需要的参数形式为:
var data = {
source : {
radius : XXX,
startAngle : XXX,
endAngle : XXX
},
target : {
radius : XXX,
startAngle : XXX,
endAngle : XXX
}
};
既然需要这样的参数,就需要指定每个参数的访问器函数,因此d3提供了:ribbon.source([source])、ribbon.target([target])、ribbon.radius([radius])、ribbon.startAngle([angle])、ribbon.endAngle([angle])。
源码:
作者:禅楼望月
出处:http://www.cnblogs.com/yaoyinglong
如果,您认为阅读这篇博文让您有些收获,不妨点击一下右下角的【推荐】
如果,您希望这篇博文也能帮助到其他人,不妨点击一下右边的【分享到…】
如果,您希望更容易地发现我的新博客,不妨点击一下左下角的【关注我】
如果,您对我的博客内容感兴趣,请继续关注我的后续博客,我是【禅楼望月】
本文版权归作者和博客园共有,欢迎转载,但请注明出处,且在文章页面明显位置给出原文连接。
*\\(^o^)/* 请您毫不留情的指出错误和不足,或者发表您的见解(ɔˆ ³(ˆ⌣ˆc)我们共同进步(ง •̀_•́)ง