使用域方法的d3.js图的正常范围

Question

这里a link使用d3.js

对迷你图实现进行了很好的描述

我正在做类似的事情，但我需要为每个迷你图定义一个正常范围，就像在模型上一样：

这个灰色条现在是硬编码的。此栏的含义是表示“绿色”数据范围。例如，从0到1.除此范围之外的所有内容都应该不在那个范围内。

我的js文件中有这样的域名：

    y.domain(
    d3.extent(data, function (d) {
    return d.y;
})

这就是我如何绘制我的灰烬吧：

    var baseline = graph.append("rect")
    .attr("x", 0)
    .attr("y", y(2))
    .attr("width", 100)
    .attr("height", y(3))
    .attr("class", "rect_");

但是当我为这段代码提供正常范围[0,1]

时

     var baseline = graph.append("rect")
    .attr("x", 0)
    .attr("y", y(0))
    .attr("width", 100)
    .attr("height", y(1))
    .attr("class", "rect_");

我得到了这个：

我担心它完全不正确，需要别人的帮助，而不是x！