zoukankan      html  css  js  c++  java
  • 径向面积生成器

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

    数据格式

    和径向线的数据结构类似,只是将其半径分为内半径和外半径两个,如下所示:
    1. var data = [
    2. {innerRadius:50, outerRadius:100, angle:0},
    3. {innerRadius:50, outerRadius:100, angle:per},
    4. {innerRadius:50, outerRadius:100, angle:2*per},
    5. {innerRadius:50, outerRadius:100, angle:3*per},
    6. {innerRadius:50, outerRadius:100, angle:4*per},
    7. {innerRadius:50, outerRadius:100, angle:5*per},
    8. {innerRadius:50, outerRadius:100, angle:6*per},
    9. {innerRadius:50, outerRadius:100, angle:7*per},
    10. {innerRadius:50, outerRadius:100, angle:8*per}
    11. ];
    但是如果innerRadius和outerRadius分别都是一样的的话,就没必要这样定义了。

    构造器

    定义径向面积生成器是必须定义它的angle访问器,innerRadius访问器,outerRadius访问器。这是最简单的形式了。
    1. var radialArea = d3.radialArea()
    2. .angle(function (d) {return d.angle;})
    3. .innerRadius(function(d){return d.innerRadius;})
    4. .outerRadius(function(d){return d.outerRadius;});
    从上面的可以看出,数据格式可以是随意的,只要能和构造器中的d参数匹配上就可以了。
    同样也可以使用curve使得面积有各种变形。
  • 相关阅读:
    【学习笔记 2】单调队列 & 单调栈
    【学习笔记 1】快速幂
    题解P1151
    题解 P6161【[Cnoi2020]高维】
    不知道叫啥的题目1
    神秘题目1
    5.30 模拟赛赛后总结
    矩阵乘法加速图上问题专题总结
    点分治&点分树 复习
    5.26赛后总结
  • 原文地址:https://www.cnblogs.com/yaoyinglong/p/5906613.html
Copyright © 2011-2022 走看看