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

Question

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

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

我该怎么做：

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

Answer 1

您可以显式设置tickValues() 并指定要显示的刻度。

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

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

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