zoukankan      html  css  js  c++  java
  • radialLine 径向线生成器


    radialLine 径向线生成器

    使用默认的角度半径访问器,和插值器函数构造一个 径向线生成器,返回的函数用以生成开放分段线性曲线、折线。
    它和line生成器很相似,只是将line的x,y访问其换位angle,radius生成器。可以将它想想成一个圆规在画圆,但是在划的过程中不停的改变角度。 radius访问器和angle访问器结合使用,表示在特定的角度上的半径是多少。它们一般都接受函数(也可以写成常数)。
    1f4a5_thumb注意:0°在12点钟方向。

    数据格式

    每个点出的半径和据12点钟的角度组成的对象数组。

    1. var data = [
    2. {r:100,angle:0},
    3. {r:100,angle:per*1},
    4. {r:100,angle:per*2},
    5. {r:100,angle:per*3},
    6. {r:100,angle:per*4},
    7. {r:100,angle:per*5},
    8. {r:100,angle:per*6}
    9. ];

    生成构造器
    1. var radialLine = d3.radialLine()
    2. .radius(function (d) { return d.r;})
    3. .angle(function(d){ return d.angle;});
     

    这是构造器的最简形式了,需要指定radiusangle的生成方式。
    例子请移步这里


    我们还可以对给构造器进行一些
    curve
    限制已达到不同的效果……

    1. var radialLine = d3.radialLine()
    2. .radius(function (d) { return d.r;})
    3. .angle(function(d){ return d.angle;})
    4. .curve(d3.curveBasis);

  • 相关阅读:
    Python 编码问题(十四)
    Python 编程核心知识体系-文件对象|错误处理(四)
    Python 编程核心知识体系-模块|面向对象编程(三)
    项目中的走查
    回滚代码及pod install报错
    UI-3
    UI-2
    UI-1
    MarkDown基本语法速记
    Swift3.0-closure的@autoclosure和@escaping
  • 原文地址:https://www.cnblogs.com/yaoyinglong/p/5904221.html
Copyright © 2011-2022 走看看