d3.js找到量化量表的上限和下限

Question

我在d3制作了一张贴有我的价值的地图，所以我得到了：

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

如何找到比例的实际限制，以便创建地图键？ （如果我输入新数据，我希望它更新。）

Answer 1

您可以像这样返回bin的下限和上限：

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

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

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

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

这样maximum - minumum可以被颜色数整除。