D3.js 中的 schemeGreys[] 函数

简介

D3.js 是一个 JavaScript 数据可视化库。schemeGreys[] 是 D3.js 中的一个颜色序列函数，它用于生成一系列灰色的颜色值。这个函数可以用于绘制灰色调的图表背景，或者对数据进行分类时的不同的颜色编码。

语法

d3.schemeGreys(count)

• count: 整数型值，表示要生成的颜色数量。范围为 3-9。

返回值

一个包含指定个数灰色的颜色数组。数组中的每个元素都是一种灰阶色，使用 RGB 颜色值表示。

示例

下面是使用 schemeGreys[] 函数生成三种不同灰阶色的示例：

const colors = d3.schemeGreys(3);
console.log(colors);

// Output:
// ["rgb(240, 240, 240)", "rgb(189, 189, 189)", "rgb(99, 99, 99)"]

可以看到，schemeGreys[] 返回包含三个颜色值的数组。其中第一个元素为亮灰色，第二个元素为中灰色，第三个元素为暗灰色。

注意事项

• schemeGreys[] 用于生成灰阶色，其它颜色序列可以参考 D3.js 的 scheme*[] 函数集合；
• 生成的颜色数量不应超过可供辨识的范围，在对比颜色时应注意颜色的可区分性。