博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
radialLine 径向线生成器
阅读量:5040 次
发布时间:2019-06-12

本文共 786 字,大约阅读时间需要 2 分钟。


radialLine 径向线生成器

使用默认的角度半径访问器,和插值器函数构造一个 径向线生成器,返回的函数用以生成开放分段线性曲线、折线。

它和line生成器很相似,只是将line的x,y访问其换位angle,radius生成器。可以将它想想成一个圆规在画圆,但是在划的过程中不停的改变角度。 radius访问器和angle访问器结合使用,表示在特定的角度上的半径是多少。它们一般都接受函数(也可以写成常数)。
注意: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);

转载于:https://www.cnblogs.com/yaoyinglong/p/5904221.html

你可能感兴趣的文章
关于React中props与state的一知半解
查看>>
java中Hashtable和HashMap的区别(转)
查看>>
关闭数据库
查看>>
webStrom智能提示忽略首字母大小写问题
查看>>
层叠加的五条叠加法则(一)
查看>>
设计模式六大原则(5):迪米特法则
查看>>
对Feature的操作插入添加删除
查看>>
javascript String
查看>>
ecshop 系统信息在哪个页面
查看>>
【转】码云source tree 提交超过100m 为什么大文件推不上去
查看>>
Oracle数据库的增、删、改、查
查看>>
MySql执行分析
查看>>
git使用中的问题
查看>>
yaml文件 .yml
查看>>
linux字符集修改
查看>>
phpcms 添加自定义表单 留言
查看>>
mysql 优化
查看>>
读书笔记 ~ Nmap渗透测试指南
查看>>
WCF 配置文件
查看>>
动态调用WCF服务
查看>>