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

Javascript d3.js图使用域方法的正常范围,javascript,d3.js,visualization,sparklines,Javascript,D3.js,Visualization,Sparklines,下面是对使用d3.js实现sparklines的精彩描述 我正在做一些类似的事情,但我需要为每个小火花定义一个正常范围,如模型上的: 这个灰色条现在是硬编码的。此条的含义是表示绿色数据范围。例如,从0到1。小于或大于此范围的所有内容都不应包含在该栏中 我的js文件中有这样的域: y.domain( d3.extent(data, function (d) { return d.y; }) 我就是这样画我的灰巴的: var baseline = graph.app

下面是对使用d3.js实现sparklines的精彩描述

我正在做一些类似的事情,但我需要为每个小火花定义一个正常范围,如模型上的:

这个灰色条现在是硬编码的。此条的含义是表示绿色数据范围。例如,从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

它怎么不起作用?rect是否没有出现在y为0的位置?您可以看到输入数据是否为[2,3]-结果要好得多:但是真实的[0.1]数据非常糟糕,我不确定我是否理解。在我看来,这就像是把矩形放在你要求它放的地方。是的,但是有必要把这个矩形放在第一个模型上,但是使用真实的法线范围那么你的问题是如何确定法线范围?