【问题标题】:Nvd3 multibarcharts - display gaps in the data on the xAxisNvd3 多条形图 - 在 x 轴上显示数据的间隙
【发布时间】:2013-02-07 08:08:13
【问题描述】:

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

非常感谢。

【问题讨论】:

    标签: javascript d3.js bar-chart nvd3.js


    【解决方案1】:

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

    【讨论】: