我尝试了一个条形图到饼图的过渡,我对条形的高度有问题。即使条形的值(90和1)之间的差异很大,它们的高度似乎也有较小的差异。 。饼图中映射的值是完美的。
我解决了这个问题。它在y轴范围内。
以下是一些代码:
x = d3.scale.ordinal();
y = d3.scale.linear().range([ h ,0]); // previously it was [0,h]. This was the problem.
var g = svg.selectAll(".symbol");
var t = g.transition()
.duration(duration / 6);
t.selectAll("rect")
.delay(function(d, i) { return i * 10; })
.attr("y", function(d) { return y(d.pts0 + d.pts) - 1; })
.attr("height", function(d) { return h - y(d.pts) + 1; })
.attr("x", function(d) { return x(d.symbol); })
.attr("width", x.rangeBand())
.style("stroke-opacity", 1e-6);
感谢所有帮助...