Question

我有一个rowChart，根据你在其他图表上的过滤条件，它可以有更多或更少的条形。

问题在于，如果我将图表的高度设置为例如500，如果我有50个柱子它们将是10px高度但如果我只有一个，它将是500px

var graph = dc.rowChart (".graph")
  .margins({top: 0, right: 10, bottom: 20, left: 10})
  .height(300)
  .width(200)
  .gap(0)
  .x(d3.scale.ordinal())
  .elasticX(true)
.ordering(function(d){return -d.value})
  .dimension(dim)
  .group(filteredGroup);

该组将返回前10名，但如果你过滤（使用其他图表，你可能只有一个项目。在这种情况下，该栏的高度为300px，看起来不太好（一般情况下，身高变化多了不愉快IMO）。

有没有办法让图表的高度保持灵活但每个条的高度都固定了？

所以说每个栏的高度为30，但图表的高度将从30调整到300.

Answer 1

根据latest documentation for DC row charts：

.fixedBarHeight（[高度]）

获取或设置固定的条形高度。默认为[false]   自动比例尺。例如，如果要修复a的高度   您可以修复高度的特定条形数（在TopN图表中很有用）   如下（其中count = TopN中的柱的总数和间隙是   你的垂直间隙空间）。

示例：

picoc

如何修复rowChart上每个条的高度？

1 个答案: