美文网首页Web 前端开发
d3.layout.cloud配置项

d3.layout.cloud配置项

作者: OneKuma | 来源:发表于2018-12-29 11:33 被阅读0次


# on(type, listener)

从布局接收指定类型的事件后注册指定的侦听器。目前,type只有“word”和“end”。

每次成功放置word(单词)时,都会触发一个“word”事件。被放置的word对象作为唯一参数调用注册的侦听器。

当布局完成放置所有单词时,将触发“end”事件。成功放置的单词对象的数组(array)和表示放置对象范围的表单[{x0,y0},{x1,y1}]的边界对象将作为两个参数调用注册的侦听器。

# start()   

开始布局的算法。这个初始化的属性对word对象的定义,并尝试去放置每一个word,再以最大的word启动。与矩形区域的中心建立,每一个word都可以用所有预留的材料进行碰撞。如果碰撞的话,它在一个新的位置,在螺旋的一个新位置上。

注:如果一个字不能在任何一种在螺旋形的位置上被屏蔽,它不包括在最后的文字中。这可能会在未来的释放中得到解决。

#stop()

停止布局的算法。

#timeInterval([time])

本质上,布局使用setInterval来避免锁定浏览器的事件循环。如果指定Interval,则时间是在当前时间步骤中可以花费的最大时间量。如果没有指定,则返回当前最大时间间隔,默认为Infinity。

#words([words])

如果指定了words,就返回该words数组,否则,返回原words数组,默认为[]。

#size([size])

如果指定了size,设置该 [width, height]为整个布局的矩形区域尺寸. 如果没有指定,返回现有的尺寸,默认为 [1, 1].

#font([font])

如果指定,则设置字体存取函数,该函数指示每个word的字体。如果未指定,则返回当前字体,默认值为“serif”。也可以指定常量而不是函数。

#fontStyle([fontStyle])

同上,字体样式默认为"normal"

#fontWeight([fontWeight])

同上,字体权重默认为" normal "

#fontSize([fontSize])

同上,字体大小默认为function(d) { return Math.sqrt(d.value); }

#rotate([rotate])

旋转角度,默认为function() { return (~~(Math.random() * 6) - 3) * 30; }

#text([text])

文本内容,默认为function(d) { return d.text; }

# spiral([spiral])

单词的螺旋类型,内置的两个为"archimedean" 和 "rectangular",也可以设置为其他任意螺旋类型。形式为

function(size) {

  // t indicates the current step along the spiral; it may monotonically

  // increase or decrease indicating clockwise or counterclockwise motion.

  return function(t) { return[x, y]; };

}

#padding([padding])

单词间的间隔,默认为1

#random([random])

随机生成单词的初始位置和螺旋类型的方向,返回[0,1]的数字,默认为Math.random

#canvas([canvas])

画布生成器函数,在内部用于绘制文本。默认值为function() { return document.createElement("canvas"); }

(新手学习过程中人工翻译,如有错误,请指出~欢迎一起交流

相关文章

  • d3.layout.cloud配置项

    #on(type, listener) 从布局接收指定类型的事件后注册指定的侦听器。目前,type只有“word”...

  • eureka(三) eureka配置文件

    Eureka instance 配置项 Eureka client 配置项 Eureka Server 配置项 s...

  • Nginx的配置

    Nginx的配置 配置语法 默认的配置文件nginx.conf 块配置项 块配置项由一个块配置项名称和一对大括号组...

  • 配置项

    Vim 有很多配置项,通过修改配置项的值可以改变 vim 的行为。 Vim 里有两类配置项,一类是布尔值配置项(只...

  • echarts 相关label配置

    eacarts API 配置项:echart API echart option配置项 let option =...

  • 配置管理过程域实施要点

    专用目标1 建立基线 专用实践1.1 标识配置项 标识配置项要求把所有应纳入配置管理的配置项标识出来。为此: 1)...

  • 配置项

    待配置列表 vim 设置 sublime text 3 设置与插件 chrome 插件 系统时间修改 SoftWa...

  • 系统集成都考什么,需要注意什么

    配置项版本号规则 配置项的版本号规则与配置项的状态相关。 (1)处于“草稿”状态的配置项的版本号格式为0.YZ,Y...

  • 13、TP5框架中配置项的正确读取

    读取配置项 类方法 使用类方法读取配置项:Config::get('配置参数'),参数为空则是获取全部配置。 我们...

  • echarts图表

    一、饼图 1、直观显示 配置项: 效果: 2、环形图 配置项: 效果: 二、柱状图 1、普通 配置项: 效果: 2...

网友评论

    本文标题:d3.layout.cloud配置项

    本文链接:https://www.haomeiwen.com/subject/gxsulqtx.html