D3数据绑定中Update、Enter、Exit区别
都是处理的是当选择集和数据的数量关系不确定的情况
1. Update和Enter的使用
当对应的元素不足时 ( 绑定数据数量 > 对应元素 ),需要添加元素(append)
注意
- update 部分的处理办法一般是:更新属性值
- enter 部分的处理办法一般是:添加元素后,赋予属性值.
1. Update和Exit的使用
当对应的元素过多时 ( 绑定数据数量 < 对应元素 ),需要删掉多余的元素。
注意
- exit 部分的处理办法一般是:删除元素(remove)
update() (绑定数据数量==对应元素数量)
当绑定数据数量等于元素数量时,更新元素上面绑定的数据
重要
enter() (绑定数据数量>对应元素数量)
当绑定数据数量大于元素数量时,通常需要添加元素,使元素数量与绑定数据的数量相等,后面通常先跟上append操作,然后更新元素上面绑定的数据
exit() (绑定数据数量<对应元素数量)
当对应元素数量大于绑定数据数量时,通常需要删除元素,使元素数量与绑定数据的数量相等,后面通常跟上remove操作,然后更新元素上面绑定的数据