how to update text added in dimple.js stacked bar chart on data updation

Question

I have added text on my bar char as shown here but the problem in when my data gets updated it overwrite my text everytime, previous text remains as it is there.

I would like to know how can I remove text everytime new data has arrived.

see the darkness of text, it is getting overwritten everytime new data is loading.

Answer 1

You need to move the drawing logic to the series.afterDraw method as shown here: http://dimplejs.org/adhoc_viewer.html?id=adhoc_bar_labels

Then simply class the new labels:

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

And remove them at the start of the afterDraw method:

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