我正在尝试在D3.js v4中为我的条形图添加填充。
在v3中，它是通过以下方式完成的：
var x = d3.scaleOrdinal()
.domain(["a", "b", "c"])
.rangeRoundBands([0, width], 0.1);
但是，在v4中rangeRoundBands被淘汰了。我知道v4中的等效代码（不带填充）为：
var x = d3.scaleBand()
.domain(["a", "b", "c"])
.range([0, width]);
根据这个，我们应该使用band.padding设置填充。所以我尝试了这个：
var x = d3.scaleBand()
.domain(["a", "b", "c"])
.range([0, width])
.padding(0.1);
但这似乎没有影响。我究竟做错了什么？
在D3 V4中。
这是定义轴的方式：
var x = d3.scaleBand()
.range([0, width])
.round(true)
.padding(.1);//set padding like this
//set the domain like this
x.domain(data.map(function(d) { return d.letter; }));
//define the X axis like this
var xAxis = d3.axisBottom()
.scale(x);
工作条形图d3 v4示例在这里
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句