Почему мои текстовые ярлыки не появляются?

Question

Я пытаюсь понять, почему мои текстовые метки не отображаются. Я не вижу каких-либо ошибок в консоли, просто ... без ярлыков.

svg.selectAll("text") 
      .data(data) 
      .enter().append("text") 
      .text(function(d) { 
      return (d.money); 
      }) 
      .attr("text-anchor", "middle") 
      .attr("x", function(d) { return x(d.year); }) 
      .attr("y", function(d) { return y(d.money); }) 
      .attr("class", "axis"); 

Полный пример на https://jsfiddle.net/s3jo8gkL/5/

Answer 1

Прямо сейчас, вы выбираете все text элементы, и у вас уже есть тексты в вашем SVG. Просто измените свою первую строку, выбрав любой заданный класс (или любой идентификатор, любой поддельный элемент или любой элемент SVG, который не существует в этой точке):

svg.selectAll(".thistext") 
     .data(data) 
     .enter().append("text") 
     .text(function(d) { 
     return (d.money); 
     }) 
     .attr("text-anchor", "middle") 
     .attr("x", function(d) { return x(d.year); }) 
     .attr("y", function(d) { return y(d.money); }) 
     .attr("class", "axis");