首页 > 代码库 > 径向面积生成器
径向面积生成器
径向面积生成器→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使得面积有各种变形。
例子请移步这里
径向面积生成器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。