弦生成器

弦生成器→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])。

 

源码: