d3.js - .ticks() 需要什么才能工作？

Question

.ticks() 似乎不适用于我的条形图。有人可以看看吗？

Here's the fiddle .我在对象开头附近的 x 轴上设置刻度:

xAxis = d3.svg.axis().scale(xScale).orient("bottom").ticks(3),

Answer 1

我没有足够的声誉来为第一篇帖子添加评论，但我认为存在误解。

轴上的标签必须是 2、5 或 10 的倍数。 ticks 函数可以采用任何数字，但它会修改该数字以确保轴是 2、5 或 10 的倍数。

例如，如果域是 0-100 并且您想要 4 个刻度 (0, 33.33, 66.66, 100)，它将四舍五入为 6 以提供“漂亮”的数字 (0, 20, 40, 60, 80, 100) .但是，如果您将刻度设置为 3，它会遵守这一点，并且您将拥有 0、50 和 100。

Here是 Mike 对这种行为的解释的帖子。

我仍然不清楚如果将刻度设置为 5，为什么它不会计算 0、25、50、75、100，但我想我会尝试至少消除一些混淆。