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

时间:2013-03-13 10:18:46

标签: javascript charts bar-chart nvd3.js

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

问题:    如果图表有单个记录,则条形宽度达到图表宽度的3/4。

问题:    如何在离散条形图中更改条形的宽度?

附图表请指导我..

enter image description here

2 个答案:

答案 0 :(得分:9)

如果你看一下来源here。您将看到矩形的宽度是根据使用rangeBand的项目数计算的。似乎没有办法通过库的API来设置矩形的宽度。

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

答案 1 :(得分:0)

使用以下代码设置宽度

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

或者您可以使用

groupSpacing : 0.57,