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

Question

这里有一个链接，其中包含使用 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_");

我得到这个：

恐怕这是完全错误的方式，需要有人帮助，thanx！