如何在条形图上保持条形图的大小不变

Question

使用dc.js，我想在条形图上保持条形图的大小不变。

条形数量可能在1到10之间变化。目前，当只有一个条形时，它占据了整个图表空间。

我尝试通过添加

来限制条宽

MAX_BAR_WIDTH = 250;

但现在蜱和酒吧位置不匹配。

Answer 1

域的自动计算是可以关闭的功能。条形宽度将根据域和可在该域中显示的条形数计算。

你应该手动设置x域并关闭“弹性”：

var minX, maxX; // calculate these however you want
chart
    .x(d3.scale.linear().domain([minX, maxX])
    .elasticX(false)

文档：

• coordinateGridMixin.x
• coordinateGridMixin.elasticX