javascript - Nvd3 多条形图 - 在 xAxis 上显示数据间隙

Question

我不久前才开始使用 nvd3，现在我在使用多条形图时遇到了一个大问题：我的 xAxis 数据之间存在间隙，例如 [1,2,3,4,9,24,120]。我希望这些间隙显示在图表中，但 nvd3 只显示所有条形相邻的条，因此，x 值为 2 和 3 的条之间的距离与具有 9 和 24 的条之间的距离相同。有吗有什么办法可以改变这一点，以便您可以看到数据中的所有空白？我使用的代码与 nvd3s 示例代码相同。

非常感谢。

Answer 1

当然有。您将为所有缺失值填写 0。对于每个对应于缺失值的 y，您将设置 x = 0。这就是您需要做的所有事情（这并不像听起来那么简单，因为可能存在系列没有数据的情况等等，但这是主要技巧）。