在 DC.js 图表上移动 x 轴标签

Question

想知道如何让 x 轴标签不与刻度线重叠（见下文）

非常感谢任何帮助

编辑：

根据 Gordon 的以下解决方案：

Answer 1

这有悖常理，但您需要设置 margins 以允许 space 用于刻度标签和 Y 轴标签。

dc.js 不会自动布局依赖于文本大小的元素，因为这样做既复杂又昂贵。

相反，它要求用户设置留出空间的边距。边距用于缩小和偏移图表区域。

默认边距为{top: 10, right: 50, bottom: 30, left: 30}；这些设置只是一个猜测。你可以试试

chart.margins({top: 10, right: 50, bottom: 30, left: 60})

然后继续调整直到看起来正确。

另请注意，当您设置 xAxisLabel (docs) and yAxisLabel (docs) 时，有一个可选的第二个填充参数。您可能希望从默认值 12 增加 either/both。