D3.scaleThreshold threshold()函数

D3.js 是一个功能强大的JavaScript库，用于创建数据可视化图表。D3的scaleThreshold函数是其提供的一个比例尺（scale）函数，用于将输入域（domain）映射到输出域（range）上，根据给定的阈值将离散的输入值映射为离散的输出值。

语法

d3.scaleThreshold()

返回值

D3.scaleThreshold函数返回一个比例尺函数，可以使用其它方法来设置其输入域（domain）、输出域（range）以及阈值。

用法示例

以下是D3.scaleThreshold函数的基本用法：

// 创建一个阈值比例尺
var thresholdScale = d3.scaleThreshold();

// 设置输入域（domain）
thresholdScale.domain([0, 20, 50, 100]);

// 设置输出域（range）
thresholdScale.range(["low", "medium", "high", "very high"]);

// 使用阈值比例尺进行数据映射
console.log(thresholdScale(10)); // 输出 "low"
console.log(thresholdScale(30)); // 输出 "medium"
console.log(thresholdScale(70)); // 输出 "high"
console.log(thresholdScale(120)); // 输出 "very high"

在上面的例子中，我们创建了一个阈值比例尺，并通过设置输入域和输出域来定义了不同的阈值范围。然后，我们使用阈值比例尺将输入值映射到对应的输出值。比如，输入值10映射为"low"，输入值30映射为"medium"。

设置阈值

我们可以使用D3.scaleThreshold函数的domain()方法来设置输入域的阈值。阈值是一个数组，它定义了不同区间的分界点。比如上面的例子中，我们将输入域的阈值设置为[0, 20, 50, 100]，表示分成了4个区间。

thresholdScale.domain([0, 20, 50, 100]);

设置输出域

我们可以使用D3.scaleThreshold函数的range()方法来设置输出域，即将输入值映射到的离散的输出值。输出域也是一个数组，数组的长度应该比阈值的长度少1。数组的值可以是任意类型，比如字符串、数字等。

thresholdScale.range(["low", "medium", "high", "very high"]);

数据映射

使用D3.scaleThreshold函数创建的比例尺可以将输入值映射到对应的输出值上。通过调用该比例尺函数并传入输入值，即可获得映射后的输出值。

console.log(thresholdScale(10)); // 输出 "low"
console.log(thresholdScale(30)); // 输出 "medium"
console.log(thresholdScale(70)); // 输出 "high"
console.log(thresholdScale(120)); // 输出 "very high"

上面的代码分别将输入值10、30、70、120分别映射为"low"、"medium"、"high"、"very high"。

总结

D3.scaleThreshold函数是D3.js提供的一个用于创建阈值比例尺的函数。它可以根据给定的阈值将离散的输入值映射为离散的输出值。通过设置输入域、输出域和阈值，我们可以自定义比例尺的行为，并使用它进行数据的映射和可视化。