为什么我的文字标签不出现?

时间:2016-04-30 02:07:19

标签: d3.js

我正在试图找出为什么我的文字标签没有显示出来。我没有在控制台中看到任何错误,只是......没有标签。

  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/

1 个答案:

答案 0 :(得分:2)

现在,您正在选择所有text元素,并且您的SVG中已有文本。只需更改第一行,选择任何给定的类(或任何给定的ID,任何虚假元素,甚至任何在该点都不存在的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");