Question

我有一个部分，在其中使用转换，我会伪造一个计算，并显示一条消息“请稍等...正在计算”。

<!-- in the html -->
<body>
  <svg width="1700" height="650"/>
</body>

// js code
var svg = d3.select('svg');

// then somewhere later 
var computingG = svg.append("g")
   .attr("id", "computingId");

computingG.append("text")                
   .attr("y", height / 2)
   .attr("x", width  / 2)
   .attr('text-anchor', 'middle')
   .attr('font-family', 'arial')
   .attr('fill', 'black')
   .attr('stroke', 'black')
   .attr('font-size', 30)
   .text("Please wait ... computing");

// and further later
svg.selectAll('#computingId').remove();

但是我看到文本在彼此之上被创建了许多次，而不是一次（我看到创建了许多g并且文本是非常别名的）……为什么？我希望这是文本注释的一种，而不是依赖数据的。

更新我看到有很多附加的内容……如何防止将许多g附加到该选择中？

如何确保单个附加数据独立的？

0 个答案: