1

我对 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; });

任何帮助将不胜感激

4

1 回答 1

1

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

本教程应该会有所帮助： D3 保证金约定

您可能还想查看使用带有序数刻度的 D3 轴来分隔关卡标签。

于 2014-01-12T23:11:50.077 回答