javascript - 如何在数据更新时更新在dimple.js堆积条形图中添加的文本

Question

我已经在我的条形字符上添加了文本，如此处所示， 但是当我的数据更新时，它每次都会覆盖我的文本，以前的文本仍然存在。

我想知道每次新数据到达时如何删除文本。

看到文本的黑暗，每次加载新数据时它都会被覆盖。

Answer 1

您需要将绘图逻辑移动到series.afterDraw此处显示的方法：http ://dimplejs.org/adhoc_viewer.html?id=adhoc_bar_labels

然后简单地对新标签进行分类：

svg.append("text")
   .attr("class", dimple._createClass(data.yField))
   .attr("x", ...

并在 afterDraw 方法的开头删除它们：

svg.selectAll("text." + dimple._createClass(data.yField)).remove();