选择器
通过选择元素和加入数据来转换DOM。
选择元素
- d3.selection - 选择根文档元素。
- d3.select - 从文档中选择一个元素。
- d3.selectAll - 从文档中选择多个元素。
- selection.select - 选择每个选中元素的一个后代元素。
- selection.selectAll - 选择每个选中元素的多个后代元素。
- selection.filter - 基于数据过滤元素。
- selection.merge - 合并两个选择。
- d3.matcher - 测试一个元素是否匹配选择器。
- d3.selector - 选择一个元素。
- d3.selectorAll - 选择多个元素。
- d3.window - 得到节点的所有者窗口。
修改元素
- selection.attr - 设置或获取特性。
- selection.classed - 获取,添加或移除CSS类。
- selection.style - 设置或获取样式。
- selection.property - 设置或获取行内属性。
- selection.text - 设置或获取文本内容。
- selection.html - 设置或获取inner HTML。
- selection.append - 创建,添加或选择新的元素。
- selection.remove - 移除文档中的元素。
- selection.sort - 基于数据给文档中的元素排序。
- selection.order - 重排列文档中的元素以匹配选择中的顺序。
- selection.raise - 重新排列每个元素为父元素的最后一个子节点。
- selection.lower - 重新排列每个元素为父元素的第一个子节点。
- d3.creator - 通过名称创建元素。
数据绑定
- selection.data - 元素和数据绑定。
- selection.enter - 获得进入(enter)选择器(数据无元素)。
- selection.exit - 获得退出(exit)选择器(元素无数据)。
- selection.datum - 获取或设置元素的数据(不绑定)。
事件处理
- selection.on - 添加或移除事件监听器。
- selection.dispatch - 分发自定义事件。
- d3.event - 交互中的当前用户事件。
- d3.customEvent - 暂时定义一个自定义事件。
- d3.mouse - 获取相对给定容器的鼠标位置。
- d3.touch - 获取相对给定容器的单点触控位置。
- d3.touches - 获取相对给定容器的多点触控位置。
控制语句
- selection.each - 为每个元素调用一次指定的方法。
- selection.call - 选择器调用指定的方法。
- selection.empty - 返回是否是空选择。
- selection.nodes - 返回所有选中元素的数组。
- selection.node - 返回第一个非空元素。
- selection.size - 返回元素数量。
命名空间
- d3.namespace - 限定XML命名空间,如“xlink:href “。
- d3.namespaces - 内置的XML命名空间。
当前内容版权归 tianxuzhang 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 tianxuzhang .