如何在NDV3离散柱状图中设置自定义条形宽度

Question

我在尝试使用nvd3图表构建垂直条形图。

问题： 如果图表只有一条记录，条形宽度将达到图表宽度的3/4。

问题： 如何更改离散条形图中条形的宽度？

请参考附加的图表并指导我。

- Mohan

Answer 1

如果您查看这里的源代码，您会发现矩形的宽度是根据项目数量使用rangeBand计算的。然而，似乎没有办法通过库的API设置矩形的宽度。

如果您不想修补库，您可以创建额外的零数据条，并提供标签格式化程序，如果值为零，则返回空字符串，但这假定零不是您的数据集中的有效数字。

- WolfgangCodes

---

这是一个不错的解决方案@WolfgangCodes！但我想不明白为什么有人只想要一个数据的图表。 - Wellington Zanelli

抱歉，只有莫汉能回答那个问题。 - WolfgangCodes

有时候，您需要钻取分层数据的不同级别，而叶子节点或中间节点可能只有一个项目。在这种情况下，图表会以这种方式结束。 - Jhankar Mahbub

Answer 2

使用以下代码来设置宽度。

dispatch: {
    renderEnd: function (e) {
        d3.selectAll("rect.nv-bar").attr('rx', 4).attr('ry', 4).attr('width', 15)
    }
}

或者您可以使用

groupSpacing : 0.57,

- ALAN ALBY