nvD3 - multiBarChart - 如何从0开始以及如何更改控件的形状

Question

我使用multiBarChart在我的应用中添加了nvD3。

我坚持做两件事：

  

  
1. 如何从0开始。   我的第一个酒吧是在离开一些空间后开始的。我玩组间距，但没有用。
  

  

  
1. 如何将这些圆圈更改为正方形。
  

Answer 1

1）NVD3允许您使用groupSpacing功能减少条形之间的间距。您可以尝试以下方法：

var chart = nv.models.multiBarChart()
        .groupSpacing(0)

2）改变图例的形状不是很直接。但是，您可以使用d3选项相当容易地更改它以操纵其各个部分。

答案here将帮助您更改图例的形状。

的 #UPDATE

关于您对第一个问题的具体要求，

  

我只是希望他们从0开始而不留空间

您可以尝试以下代码手动选择元素并移动其位置。

// TODO : Find a dynamic way to find translate(X,Y)
d3.select(".nv-barsWrap").attr('transform', 'translate(-10,0)');

Here是代码的工作版本。

希望它有所帮助

Answer 2

尝试使用：

        chart: {
            lines: {
                forceY: ([0])
            }
        }