在 nvd3 的多条形图中的条形图之间添加 space

Question

如何在 NVD3 图表中的同一组的两个柱之间添加一些 space？我尝试 chart.groupSpacing(0.5) 但没有任何变化...

我不能放任何图片，因为我至少需要10个声望。

Answer 1

groupSpacing 改变条形组之间的距离。

var chart = nv.models.multiBarChart()
    .groupSpacing(0.5)
    ;

我创建了一个示例here

如果您想在特定组内的条之间添加 space，那么您需要修改 nvd3 源代码或使用纯 d3 编写多条。这个答案会有用How to add space between bars in a grouped bar chart in a nvd3 grouped multibar chart?

Add space between bar in multibarchart from nvd3