根据数据百分比设置条形尺寸

Question

我需要使用数据数组[74, 26]创建两个相邻的条形矩形。我有一个容器，例如，100px高度。所以我需要制作第一个条74px高度和第二个条26px来填充容器。 我想我可以用d3.scale.linear做到这一点，但有这样的事情：

y = d3.scale.linear()
.domain([d3.min(data), d3.max(data)])
.range([0, 100])

我得到一个条形为0px高度，另一个条形为100px高度，这是不正确的。我该怎么做呢？

Answer 1

在D3比例中，域的第一个值映射到范围中的第一个值，类似地，域的第二个值映射到范围中的第二个值。对于线性标度，连接两个极端的函数是线性的。

因此，对于您问题中的示例，您需要这样的比例。

d3.scale.linear().domain([0,100]).range([0,100]);