d3.js查找量化刻度的上限和下限

d3.js查找量化刻度的上限和下限,d3.js,D3.js,我已经在d3中制作了一张地图,它的颜色是我的值,所以我得到: var color= d3.scale.quantize().range(["#FAE3C3", "#EBAD95","#DB7768", "#CC403A", "#BC0A0C"]); 如何找到比例的实际限制,以便创建地图关键点?(如果我输入了新数据,我希望它能更新)。你可以得到一个箱子的上下限,如下所示: var-bounds=color.invertExtent('#FAE3C3') 图例的一个可能解决方案是迭代颜色数组,并为

我已经在d3中制作了一张地图,它的颜色是我的值,所以我得到:

var color= d3.scale.quantize().range(["#FAE3C3", "#EBAD95","#DB7768", "#CC403A", "#BC0A0C"]);

如何找到比例的实际限制,以便创建地图关键点?(如果我输入了新数据,我希望它能更新)。

你可以得到一个箱子的上下限,如下所示:

var-bounds=color.invertExtent('#FAE3C3')

图例的一个可能解决方案是迭代颜色数组,并为每种颜色调用
color.invertExtent

如果您想要更整洁的断点,我认为您必须自己定义它们并将它们设置为域,例如,如果最小值为2,最大值为59,则可以执行以下操作:

color= d3.scale.quantize()
    .domain([0, 60])
    .range(["#FAE3C3", "#EBAD95","#DB7768", "#CC403A", "#BC0A0C"]);

因此,
maximum-minumum
可以被颜色数整除。

你的意思是什么?在什么值下,域被划分在“bin”之间。我现在使用的是(max-min)/5,但是我得到的值与总数的总和不太一致。同时也意识到设置更整洁的断点更有意义…没有人想读取552346-4500394的键。你必须确保自己也是这样。