D3.js threshold.invertExtent()函数

简介

threshold.invertExtent()函数是D3.js中的方法，用于回传一组表示阈值范围的值。此函数必须与threshold()函数一起使用，前者用于创建一个新的阈值比例尺，后者用于指定用于生成分界线二维数组的阈值。

语法

threshold.invertExtent(value)

参数

value： 表示比例尺颜色域中的某个非确定性颜色值。

返回值

返回一个数组，表示一个等级的阈值范围。如[20, 30]， 表示20到30之间的值。

示例

let threshold = d3.scaleThreshold()
                   .domain([0, 10, 20, 30, 40])
                   .range(["#fee5d9", "#fcae91", "#fb6a4a", "#de2d26", "#a50f15"]);

console.log(threshold.invertExtent("#fb6a4a")) // [20, 30]

在上面的例子中，我们创建了一个阈值比例尺，并指定了其与阈值数量相同的颜色范围。我们随后使用invertExtent()函数找出特定颜色的值范围。

结论

通过D3.js的threshold.invertExtent()函数，我们可以轻松地找到给定颜色的值范围。这可以用于高效地创建等级制度地图或其他类型的数据可视化。