javascript - D3.js 比例 : Return the smaller of a constant and the value of a scale?

Question

我有一个在条形图中使用的 D3 序数比例:

var y = d3.scale.ordinal().rangeRoundBands([0, height], .1);

我这样调用它来定位许多 g 元素，条形图中的每个条形一个元素:

var barEnter = bar.enter()
  .insert("g", ".axis")
  .attr("class", "bar")
  .attr("transform", function(d, i) {
    return "translate(0," + (y(d.State) + height) + ")";
  });

当有很多条时，它的效果非常好，因为它们分布均匀。

但是，当只有几个条时，它可以工作，但看起来不太好:

有没有办法可以修改 y 函数或 transform 属性，以便在仅存在时更明智地设置 transform几个酒吧？我不完全理解序数尺度在幕后的作用。

Answer 1

为了他人的利益，我就是这样解决的。

我意识到当 y 尺度的域中只有几个元素时就会出现问题。所以我最终填充了比例域，如下所示:

if (ydomain.length < 12) {
  for (var i = ydomain.length; i < 12; i++) {
    ydomain.push('y_' + i);
  }
}
y.domain(ydomain);

我怀疑这是最优雅的做事方式，但它确实有效。