径向面积生成器

径向面积生成器→d3.radialArea，它构造出的函数用于生成径向面积的路径字符串(path标签的d属性值)。

数据格式

和径向线的数据结构相似，只是将其半径分为内半径和外半径两个，以下所示：

   
   
   
   

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

   
   
   
   
var data = [ {innerRadius:50, outerRadius:100, angle:0}, {innerRadius:50, outerRadius:100, angle:per}, {innerRadius:50, outerRadius:100, angle:2*per}, {innerRadius:50, outerRadius:100, angle:3*per}, {innerRadius:50, outerRadius:100, angle:4*per}, {innerRadius:50, outerRadius:100, angle:5*per}, {innerRadius:50, outerRadius:100, angle:6*per}, {innerRadius:50, outerRadius:100, angle:7*per}, {innerRadius:50, outerRadius:100, angle:8*per}];

可是若是innerRadius和outerRadius分别都是同样的的话，就不必这样定义了。

构造器

定义径向面积生成器是必须定义它的angle访问器，innerRadius访问器，outerRadius访问器。这是最简单的形式了。

   
   
   
   

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

   
   
   
   
var radialArea = d3.radialArea() .angle(function (d) {return d.angle;}) .innerRadius(function(d){return d.innerRadius;}) .outerRadius(function(d){return d.outerRadius;});

从上面的能够看出，数据格式能够是随意的，只要能和构造器中的d参数匹配上就能够了。

一样也能够使用curve使得面积有各类变形。

例子请移步这里