如何防止轴标签通过刻度标签运行

Question

我使用dc.js创建了一个图表，我的Y轴上有一个很好的标签。但是，它正在通过刻度线旁边的数字。我该如何防止这种情况？

创建图表的代码：

chart
    .x(d3.scale.ordinal().domain(allCodes))
    .xUnits(dc.units.ordinal)
    .yAxisLabel("Number of actions")
    .elasticY(true)
    .dimension(runDimension)
    .group(openActionCountGroup, "Open")
    .stack(closedActionCountGroup, "Closed")
    .colors (d2acolors)
    .legend(dc.legend().x(540).y(10))
    .title(function(d) { return d.key + ": " + d.value; })
;

Answer 1

您可能正在寻找边距方法。

以下是一个示例：http://jsfiddle.net/djmartin_umich/rRVgu/

chart
.x(d3.scale.ordinal().domain(allCodes))
.height(300)
.width(300)

.margins({left: 50, right: 30, top: 0, bottom: 40})

.xUnits(dc.units.ordinal)
.yAxisLabel("Number of actions")
.elasticY(true)
.dimension(runDimension)
.group(openActionCountGroup, "Open")
.stack(closedActionCountGroup, "Closed")
.legend(dc.legend().x(540).y(10))
.title(function(d) { return d.key + ": " + d.value; });

您可以更改左边距以为刻度线提供更多空间。