如何设置NDV3 Discreate条形图的条形的宽度定制(How to set custom wi

2019-08-17 13:41发布

我试图建立使用nvd3图表垂直条形图。

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

问:如何更改离散柱状图条的宽度?

贴有图请指导我..

Answer 1:

如果你看看源在这里 。 你会看到矩形的宽度是基于使用的项目数量计算rangeBand 。 似乎没有被设置矩形虽然库的API宽度的方式。

如果你不想打补丁库,你可以创建更多的假条零数据,并提供一个标签格式,如果值为零,将返回一个空字符串,但假设零是不是在你的数据集的有效号码。



Answer 2:

Use the follwing code to set the width

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

or you can use

groupSpacing : 0.57,


文章来源: How to set custom width of bar in NDV3 Discreate bar chart