Javascript d3.分区冰柱图的层次级别标签

Javascript d3.分区冰柱图的层次级别标签,javascript,d3.js,label,hierarchy,Javascript,D3.js,Label,Hierarchy,我是D3的新手,我正在尝试创建一个修改版的。我需要在图表上方添加标签,以指定层次结构级别名称 (不是每个分区的名称,而是表示层次结构中级别的列名)。 我在一个数组中有这些名称,在绑定实际的层次结构数据之前,我尝试将它们添加到图表中,但我似乎无法获得显示在该图表上方的标签。 我不确定是否需要减少图表占用的垂直空间量,还是需要移动每个层次结构级别的标签 var levels=["LEV 1", "LEV 2", "LEV 3", "LEV 4"]; vis.selectAll("g").appen

我是D3的新手,我正在尝试创建一个修改版的。我需要在图表上方添加标签,以指定层次结构级别名称 (不是每个分区的名称,而是表示层次结构中级别的列名)。 我在一个数组中有这些名称,在绑定实际的层次结构数据之前,我尝试将它们添加到图表中,但我似乎无法获得显示在该图表上方的标签。 我不确定是否需要减少图表占用的垂直空间量,还是需要移动每个层次结构级别的标签

var levels=["LEV 1", "LEV 2", "LEV 3", "LEV 4"];

vis.selectAll("g").append('g') 
      .data(levels).enter()
      .append("text") 
      .attr("dy", ".55em")
      .attr('y', 5)
      .attr('x', function(d,i){ 
        return (i+1)* (w / levels.length) ;})
      .attr('text-anchor', 'start')
      .attr("class", "pHeader") 
      .text(function(d) {  return d; });   

如果您能提供任何帮助,我们将不胜感激。

在我看来,您的问题只是在设置绘图区域的大小时,为空白留出空间

本教程应有助于:


您可能还需要考虑使用D3轴和顺序比例来分隔标高标签

在我看来,您的问题仅仅是在设置绘图区域的大小时为空白留出空间的问题

本教程应有助于:

您可能还需要考虑使用D3轴和顺序比例来分隔标高标签

你能退房吗