D3.js常用方法
来源:互联网 发布:ios蜂窝移动数据开关 编辑:程序博客网 时间:2024/05/18 09:42
二.常用方法:
1. d3.select():使用CSS选择器语法从DOM中选择单一元素。
如:d3.select("body");
2. d3.selectAll():选择所有符合要求的元素。
如:d3.select("body").selectAll("p");//选中body中所有的p元素
3. selection.append():创建元素,并追加到选集(selection)的尾部。
如:d3.select("body").append("p");//创建p元素,并追加到body的子元素中最后一个
4. selection.text():设置文字内容。
如:d3.select("body").append("p").text("New");//为p元素添加文字内容
5. selection.data():把数据绑定到DOM元素上,数值会存储在DOM元素的__data__属性中
如:d3.select("body").selectAll("p").data(dataset);
6. selection.enter():创建新的绑定数据的元素时需要使用该方法,它首先检查DOM,然后将数据传递给DOM,如果数值数量多于对应的DOM元素,则该方法会创建新的占位元素,并将其链接向下传递
如:d3.select("body").selectAll("p").data(dataset).enter().append("p").text("New paragraph!");
7. selection.style():改变CSS样式
如:d3.select("div").style("height", “10px”);
8. attr():改变HTML属性值的方法
如:d3.select("div").attr("class", "bar");
9. selection.classed():快速从元素中应用或移除类的方法
如:d3.select("div").classed("bar", true);
- D3.js常用方法
- d3.js部分函数(方法)
- D3 .JS
- d3 js
- d3.js
- d3.js
- D3.js
- d3.js
- d3.js
- D3.js实现折线图的方法详解
- 【D3.js】D3.js入门感悟、学习指南
- d3.js读书笔记-1
- d3.js读书笔记-2
- d3.js小例子
- D3.js入门教程
- javascript d3.js
- d3.js line
- D3.js中文版api
- eclisep中java项目转换成web项目
- oracle物化视图日志结构
- java 修改替换文件中的字符串
- 【UVaOJ】401 Palindromes
- 调试时不使用Retina屏幕
- D3.js常用方法
- IBM研发中心似是而非的SCRUM
- 开通我的技术日志博客
- DBA求职面试技巧
- 关于Tarjan算法求点双连通分量
- 获取远程控制相关信息和设置
- wpf 3D立方体旋转
- mysql查看当前锁定的表
- 流学习总结