D3js:条形图转换条形图 - 条形高度变得不正确

时间:2014-03-25 08:41:59

标签: javascript d3.js

我尝试了一个条形图到饼图的过渡,我对条形的高度有问题。即使条形的值(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);

感谢所有帮助...

0 个答案:

没有答案