Javascript Can'；不要在我的d3条形图中添加任何内容

是我的条形图的简化版，供公众观看。我似乎没什么可补充的。我一直在学习教程，试图将x轴的垂直线和每个条中的文本添加到我的图形中，但这两个都没有显示出来。基本上，我没有尝试添加任何东西，但我能够添加x轴线，您可以在graph.js@line 65中看到。您可以在graph.js的第56行看到我在代码中尝试向图形添加行的位置。x值是任意的，因为我只是想让它们显示出来。我做错了什么？

问题是您的选择器“line”不够具体。文档中已存在“行”元素；它们形成轴

因此，您的代码将执行以下操作。它选择现有的行元素并将您提供的数据绑定到这些元素。由于这些元素已经存在，enter（）选项将为空。这意味着永远不会执行append（“行”）命令：

        var lines = svg.selectAll("line")
            .data(data)
            .enter().append("line")

您可以通过添加类来提供更多的特殊性。例如，以下各项应起作用：

var lines = svg.selectAll("line.rules")
    .data(data)
  .enter().append("line")
    .attr("class", "rules");

有关输入、更新和退出选择的更多信息，请参阅Mike的文章