d3选择器enter、exit、update

1、enter常用在批量创建元素，当查询的元素不足时，通过enter+append去动态创建跟data数据一致的元素

ref.selectAll('circle')
            .data(path)
            .enter()
            .append('circle')
            .attr('r', 1) // 通过样式控制大小          
            .attr('class', `dynamic-canvas-circle ${id}`)
            .attr('cx', (d: any, i: number) => d[0])
            .attr('cy', (d: any, i: number) => d[1])
      

2、exit

exit跟enter相反，当元素过多，超过data长度，通过exit+remove，删除多余元素

ref.selectAll('circle')
            .data(path)
            .enter()
            .append('circle')
            .attr('r', 1) // 通过样式控制大小          
            .attr('class', `dynamic-canvas-circle ${id}`)
            .attr('cx', (d: any, i: number) => d[0])
            .attr('cy', (d: any, i: number) => d[1])
            .exit().remove()

3、update 理想状态，不存在该api