Question

我对D3很新，我正在尝试创建icicle chart here的修改版本。我需要在图表上方添加标签以指定层次结构级别名称（不是每个分区的名称，而是列名称代表层次结构中的级别）。我有一个数组中的名称，我试图在绑定实际的分层数据之前将它们添加到图表中，但我似乎无法让标签出现在该图表上方。我不确定是否需要减少图表占用的垂直空间量，或者我需要移动每个层次结构级别的标签

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

任何帮助将不胜感激

Answer 1

在我看来，当你设定绘图区域的大小时，你的问题只是留出余地的空间。

本教程应该有所帮助： D3 Margin Convention

您可能还希望使用带有序数比例的D3轴来隔开您的关卡标签。

d3.partition冰柱图的层次结构级别标签

1 个答案: