我正在整理D3垂直条形图,无法调整条形的高度。当我从以下JavaScript调整barHeight变量时,渲染后的条形外观完全相同。这意味着,如果我在*50中取下barHeight,则什么都不会改变。在这里我可能会忽略一些非常简单的东西,但是如何调整高度呢?

  var bars = svg.selectAll("rect")
     .data(data_votes);
     bars.enter()
     .append("rect")
     // .transition()
     //   .duration(1000);

     bars.attr("x", function(d, i) {
        return i * (w / data_votes.length);

     })
     .attr("y", function(d){
        return h-d;
     })
     // Less bars == more width
     .attr("width", w / data_votes.length - barPadding)
     .attr("height", function(d){
        var barHeight = d*50;
        return barHeight;
     })

     .attr("fill", "teal");

     bars.exit().remove();

最佳答案

这是带有一些更正代码的工作示例:

一个很好的例子说明为什么链接到不包含代码的其他网站是一个坏主意。 Tributary.io在2019年12月没有响应。

http://tributary.io/inlet/5767993
(您可以单击任意数字,然后使用滑块对其进行更改,以查看其对输出的影响)

我认为主要问题是比例系数必须同时应用于“ y”属性和height属性。

10-05 21:07
查看更多