D3.js selectAll()函数与enter()函数

Stella981 等级 248 0 0
标签: selectenter
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3 Test</title>
<script type="text/javascript" src="d3.v3.js"></script>
</head>
<body>
<p> 天天 </p>
<p> 天天 </p>
<script type="text/javascript">
var dataset = [ 5, 10, 15, 20, 25 ];

console.log(d3.select("body").selectAll("p").data());
//输出[undefined, undefined]

d3.select("body").selectAll("p")
.data(dataset)
.enter()
.append("div")
.text("New paragraph!")

console.log(d3.select("body").selectAll("p").data());
//输出[5, 10]

/*总结:
 * enter()函数的执行,依赖于selectAll()函数执行的结果,有三种情况
 * 1.没有选中元素,返回空值,enter()函数把数据完全绑定到append的元素上
 * 2.(上面代码)选中两个元素,返回两个元素,enter()函数把前两个数据绑定到这两个元素上,不执行append()等下面代码。多余的数据执行append,绑定到新元素上。
 * 3.选中元素数量比数据多,返回多个元素,数据完全绑定到前5个元素上(共5个数据),enter()函数一次也不往下执行
 */
</script>
</body>
</html>
收藏
评论区

相关推荐

Java基础(1)IntelliJ IDEA入门、常用快捷键和数组操作
**一、 IntelliJ IDEA入门** ====================== 1 快捷键和技巧 -------- 智能补全代码,比如只写首字母按回车: *   psvm+Enter :public stactic void main(String\[\] args) *   sout+Enter:System.out.printl
java基础(1)IntelliJ IDEA入门和数组操作 解决idea启动速度慢
**一、 IntelliJ IDEA入门** ====================== 1 快捷键和技巧 -------- 智能补全代码,比如只写首字母按回车: *   psvm+Enter :public stactic void main(String\[\] args) *   sout+Enter:System.out.printl
VSCode如何格式化所有文件
VSCode如何格式化所有文件 You can use a extension called ”Format Files”. ”Use: Open command pallette (Ctrl+Shift+P) & enter "Format Files" Create keybinding to 'editor.action.formatFiles'
ubuntu设置 SSH 通过密钥登录
**1\. 制作密钥对** 首先在服务器上制作密钥对。首先用密码登录到你打算使用密钥登录的账户,然后执行以下命令: [root@host ~]$ ssh-keygen <== 建立密钥对 Generating public/private rsa key pair. Enter file in which to save the
C# Monitor.Enter() 源码追踪
> start [MethodImpl(MethodImplOptions.InternalCall), SecuritySafeCritical, __DynamicallyInvokable] public static extern void Enter(object obj); > src/vm/ecall.cpp
CentOS 6.5 配置 SSH 免密登录
1、 生成公钥:ssh-keygen -t rsa 然后一直回车即可 _>: ssh-keygen -t rsa Generating public/private rsa key pair. Enter file in which to save the key (/root/.ssh/id_rsa): Created
D3.js selectAll()函数与enter()函数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>D3 Test</title> <script type="text/javascript" src="d3.v3.js"></script> </head> <body>
Eclipse在线安装Drools插件
1. Start Eclipse 2. Help -> Install New Software 3. In the Work With: or Site: input field, enter: "**http://download.jboss.org/drools/release/5.5.0.Final/org.drools.updatesite/
FtpUpload.sh for ksh
vi ftpUpload.sh inset : #!/bin/ksh ####Ftp Upload#### ################## echo "Enter FtpServer IP:" read ServerIP echo "Enter FtpServer User:" read username echo "Enter Us
Gitee(码云)、Github同时配置ssh key
一、创建gitee和github的ssh key ------------------------ cd ~/.ssh ssh-keygen -t rsa -C "xxxxx@xxxxx.com"  替换正确的邮箱,按enter Generating public/private rsa key pair. Enter
Linux安装MariaDB(Mysql)和简单配置
1、安装MariaDB 安装命令 yum -y install mariadb-server 安装完成MariaDB,首先启动MariaDB systemctl start mariadb 设置开机启动 systemctl enable mariadb 接下来进行MariaDB的相关简单配置 mysql_se
ListView不同的Holder的应用
ListView不同的Holder的应用 ==================== ListView > 需要解析的Gson格式 > ![enter description here](http://static.oschina.net/uploads/img/201508/20193352_QOYm.jpg "1440065760741.jpg")
Mybatis Plus自定义sql
一、方法一:使用注解 1、自定义sql方法 @Repository public interface UserInfoMapper extends BaseMapper<UserInfo> { @Select("select * from user ${ew.customSqlSegment}") List<U
Run Redis
Cmd window enter console Cd\\ E: Cd E:\\Graduration\\Redis\\github ![](https://oscimg.oschina.net/oscnet/ec6be791b03e8d47656e35531d8c60acdbd.png) Run redis for window 64 Afte
Shell脚本编程中常用的数学运算实例
**加法运算** 新建一个文件“Addition.sh”,输入下面的内容并赋予其可执行的权限。 复制代码代码如下: #!/bin/bash echo “Enter the First Number: ” read a echo “Enter the Second Number: ” read b x=$(expr "$a" + "$