javascript - 如何在 NDV3 Discreate 条形图中设置自定义条形宽度

Question

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

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

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

附上图表请指导我..

在此处输入图像描述

score 9 · Accepted Answer

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

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

score 0 · Accepted Answer

使用以下代码设置宽度

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

或者你可以使用

groupSpacing : 0.57,

2 回答 2