D3.js 初体验01

原创 听你大为哥吹牛X 随笔 D3.js 251阅读 2017-05-09 14:59:46 举报

d3-demo.html

方法
.select() : 返回匹配选择器的第一个元素
.selectAll() : 返回匹配选择器的全部元素
选择器与CSS相同,比CSS多一个
select().js

可以是已经被DOM API选择的元素。如果选择多个important,这需要使用.selectAll()方法

属性相关
.attr(name, value): 只有name,查询;name+value 设置该属性名称的属性值为value
.classed(name, boolean): 设置类名,同时设置为可以启用状态或者关闭状态,可以写成对象形式({"name1":true, "name2": true})
.style():设置CSS样式,可以写成对象形式
.property()设定或获取选择集的属性,在attr无法设置的时候,使用property设置。比如输入框或者复选框
.text():设定或者获取选择集的文本内容,类似DOM的innerHTML,获取时不包含内部标签
.html():设定或者获取选择集的HTML内容,获取时包含内部标签

插入,删除
.append():在选择集末尾添加
.insert(“name”,"element"):在选择集中的指定元素之前添加,element是CSS选择器
insert().js

.remove():删除指定元素

数据绑定
.datum(value):对选择集的每个元素都绑定相同的数据
工作流程:对每一个选择集内的元素添加一个data属性,并赋值为value。value可以使number,string,boolean,object。如果value是undefined或null,无法对data进行赋值
datum().html

.data(values,[key]):选择集中的每个元素都绑定数组values的每一项。key是一个键函数,用于指定绑定数组是的顺序
data().html

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复