javascript - Angular-nvd3：x 尺度上的数据之间的距离相同

Question

默认情况下，x 轴的比例是根据值计算的。这使得两个相邻点之间的距离不均匀。例如，如果我有一个值数组，例如[1,2,5]，点的 x 轴上会有不同的距离，并且 x 轴标签将包含一些其他值，如 1、2、3、4、5。如果在 x 轴上显示的日期，可能会打印两个相等的日期，看起来很难看。

看看这个笨蛋。如果您最大化浏览器窗口，您可能会看到 x 轴标签有重复项（例如 02/09/2015 在我的屏幕上可见 2 次）。点之间的距离也不同。

我怎样才能：

1. 确保不存在重复的 x 轴标签？
2. 点之间的距离是否根据图形的宽度均匀分布（不根据值缩放）？

Answer 1

您可以明确设置tickValues()和指定要显示的刻度。

或者，ticks()它更灵活，但给您的控制更少。

（搜索“D3 重复日期”。例如，这可能会有所帮助）。

日期重复的原因是它们实际上是同一天发生的不同（等距）时间戳，因为间隔小于 24 小时。如果您想用不同的日期标记，您可以选择每天的特定时间来标记刻度线。