d3 Update Enter Exit

时间: 2022-10-29 18:56:11

(部分内容来自网络，其真实性存疑，为了避免对您造成误导，请谨慎甄别。)

Update 更新元素节点（绑定数据时默认进行的）

Enter 增加元素节点（这个的后面会用的很多）

Exit  删除元素节点

    var h3 = d3.select('body').selectAll('h3');

    var updata = h3.data(lyrics);

    var enter = updata.enter();

    var h3 = d3.select('body').selectAll('h3');

    var updata = h3.data(lyrics);

    var enter = updata.enter();

var lyrics = [

        'aaaa',

        'bbbb'

    ]

    var h3 = d3.select('body').selectAll('h3');

    var  updata = h3.data(lyrics);

    var  exit = updata.exit();

    console.log(updata)

    console.log(exit)

    updata.text(function (v,i) {

        return v;

    });

exit.text(function (v,i) {

        return '我不删了，我就留着';

    });

阐述下Update   Enter  Exit三者的关系或者说是步骤，

　var array = [3,6,9,12,15]; 有这样一组数据，还有三个p标签；