首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >d3 ().remove()不会删除以前的内容js d3

d3 ().remove()不会删除以前的内容js d3
EN

Stack Overflow用户
提问于 2020-07-07 05:09:16
回答 1查看 26关注 1票数 0
代码语言:javascript
运行
复制
      var datapoints = svg.selectAll('indPoints').data(filtered_up);

      datapoints
        .enter()
        .append('circle')
        .merge(datapoints)
        .attr('cx', function (d) {
          return x(d.callType) - jitterWidth / 2 + Math.random() * jitterWidth;
        })
        .attr('cy', function (d) {
          return y(d.time);
        })
        .attr('r', 1.5)
        .style('fill', function (d) {
          return myColor(+d.time);
        });

      datapoints
        .transition() // and apply changes to all of them
        .duration(1000);

      datapoints.exit().remove();

在我更改数据(filtered_up)内容之后,上面的代码不会删除以前的数据点。

编辑:

代码语言:javascript
运行
复制
      var boxes = svg.selectAll('boxes').data(sumstat);
      boxes
        .enter()
        .append('rect')
        .transition()
        .duration(2000)
        .attr('x', function (d) {
          return x(d.key) - boxWidth / 2;
        })
        .attr('y', function (d) {
          return y(d.value.q3);
        })
        .attr('height', function (d) {
          return y(d.value.q1) - y(d.value.q3);
        })
        .attr('width', boxWidth)
        .attr('stroke', 'black')
        .style('fill', 'blue');
      boxes.exit().remove();

上面的代码也是如此。这是不是关于用append选择的indPoints/boxes的问题?

EN

回答 1

Stack Overflow用户

发布于 2020-07-07 05:21:43

尝试使用:

代码语言:javascript
运行
复制
.html("");

示例

代码语言:javascript
运行
复制
d3.select('#graph').html("");
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62764545

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档