html - 使用 d3js 更新 div 标签中的文本

Question

在html中，我标记了一个div标签

<div id='count'>Head count:  </div>

我的目标是根据用户驱动的事件更新计数。在js文件中，我有

d3.select('#count')
  .append('text')
  .text(users.length);

这里users.length根据用户驱动的事件而变化。但这不是我想要的。我想要的不是“附加”而是“更新”文本。我怎样才能实现这一目标？

Answer 1

您可以在#count 选择器上使用text() 函数。

d3.select('#count')
    .text('Head Count: ' + users.length);