dc.js 条形图 y 轴范围加填充

Question

我有一个堆栈条形图并通过

向条形图添加了轮廓

.dc-chart rect.bar {stroke: black;}

我也定义了

.elasticY(true)

与条形图顶部 (xAxis 2) 相比，条形图顶部的黑色轮廓 (xAxis 0) 被切掉了一个像素。有没有办法稍微填充 y 最大范围，这样我就可以看到轮廓并仍然保持 elasticY？

Answer 1

奇怪的是，它叫做yAxisPadding，and it's documented here。它确实适用于 elasticY.

我想 Markdown 文档浏览起来有点长。如果您知道可能定义函数的特定 class 或 mixin，则 HTML documentation 会更好。 （需要一些练习。）

您可以使用域单位中的数字：

chart.yAxisPadding(10)

或百分比，作为字符串：

chart.yAxisPadding("5%")

以域单位填充 can lead to some surprises, though。