D3.js 条形图上的数据标签

D3.js 条形图上的数据标签,d3.js,D3.js,我一直试图让数据标签出现在我构建的d3图表的条形图上。没有快乐。我尝试过svg。selectAll(“文本”)。。。但没有错误,也没有标签 我已经创建了一个代码笔 对不起,我不知道你问什么 通过在数据上创建新的选择,可以在工具栏上添加文本: svg.selectAll("text.legend") .data(chartData.data) .enter().append("text") .attr("class

我一直试图让数据标签出现在我构建的d3图表的条形图上。没有快乐。我尝试过svg。selectAll(“文本”)。。。但没有错误,也没有标签

我已经创建了一个代码笔


对不起,我不知道你问什么

通过在数据上创建新的选择,可以在工具栏上添加文本:

svg.selectAll("text.legend")
          .data(chartData.data)
                .enter().append("text")
                .attr("class", "legend")
                .attr("x", function(d) { return x(d.Month) + x.rangeBand() / 2 ; })
                .text(function(d){return d.ARBs})
                .attr('y', height - 10);
这里有一个代码笔:

希望有帮助


关于

您要将标签附加到哪里?请注意,这已包含在中。非常感谢。你太棒了。
svg.selectAll("text.legend")
          .data(chartData.data)
                .enter().append("text")
                .attr("class", "legend")
                .attr("x", function(d) { return x(d.Month) + x.rangeBand() / 2 ; })
                .text(function(d){return d.ARBs})
                .attr('y', height - 10);