title: D3 Transition to count up
body: <p>Newbie here. I am building a D3 bar-chart, and was able to animate the bar height; however, I have a text field next to each bar that shows the values, I was unable to make the text count up as the bar height grows.</p>
  
  <p>I am using the .text attribute with I think where the problem is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>g.selectAll(".myText")
        .transition()
        .text(function(d){return (d.m6+"%")}) //code for counting from previous d.m6 value?
        .attr("transform", function(d) { ...code for moving text location...)
        .duration(700)
        .ease(d3.easeLinear);</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help will be greatly appreciated</p>