D3.js 之选择集与数据

选择元素

d3 选择元素有两个方法

  • select 返回匹配选择器的第一个元素。
  • selectAll 返回匹配选择器的所有元素。

这两上方法都会返回一个数组

选择集

  • selection.empty() 如果选择集为空,则返回true;否则返回false
  • selection.node() 返回第一个非空元素,如果选择集为空,返回 null
  • selection.size() 返回选择集中的元素个数

设置和获取属性

  • selection.attr(name[, value]) 类似jquery,如果有value 则设置值,否则是获取值
  • selection.classed(name[, value]) 设置或获取选择集的css类
  • selection.style[name[, value[, priority]]) 设置或获取选择集的样式,name是样式名,value是样式值
  • selection.property
D3 demo
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。