草庐IT

rangeRoundBands

全部标签

javascript - 条形图中的 rangeRoundBands outerPadding 太大了

我是D3.js的新手,我的垂直条形图有问题。出于某种原因,当我使用rangeRoundBands进行缩放时,轴和条形之间的距离太大了。在API中,是这样解释的:所以问题似乎是outerPadding。但是将outerPadding设置为零并没有帮助。但是,当我改用rangeBands时,问题就消失了,条形图的位置正确,就在轴的正下方。但是我会得到这些讨厌的抗锯齿效果,所以这不是一个真正的选择。这是我的代码:varmargin={top:40,right:40,bottom:20,left:20},width=900-margin.left-margin.right,height=x-m

javascript - D3 4.0 rangeRoundBands 等效?

我看到很多D3代码都有这样的东西:varx=d3.scale.ordinal().rangeRoundBands([0,width],.1);从D3版本4.0开始,d3.scale.ordinal()现在是d3.scaleOrdinal并且rangeRoundBands似乎消失了。>d3.scaleOrdinal(){[Function:scale]domain:[Function],range:[Function],unknown:[Function],copy:[Function]}此代码(来自MikeBostock的barchartexample)的D3v4等价物是什么?varx

javascript - D3 4.0 rangeRoundBands 等效?

我看到很多D3代码都有这样的东西:varx=d3.scale.ordinal().rangeRoundBands([0,width],.1);从D3版本4.0开始,d3.scale.ordinal()现在是d3.scaleOrdinal并且rangeRoundBands似乎消失了。>d3.scaleOrdinal(){[Function:scale]domain:[Function],range:[Function],unknown:[Function],copy:[Function]}此代码(来自MikeBostock的barchartexample)的D3v4等价物是什么?varx