D3.js Color Schemes Sequential Multi Hue API 完整参考

D3.js是一个非常流行的JavaScript库，用于创建基于数据的动态可视化，包括图表和地图等。Color Schemes是D3.js中一个重要的组件，用于将数据映射到颜色上。而Sequential Multi Hue是其中一个子组件，用于生成具有多个色调的连续色系。

以下是D3.js Color Schemes Sequential Multi Hue API的完整参考。

d3.scaleSequentialMultiHue([scale])

d3.scaleSequentialMultiHue()函数返回一个Sequential Multi Hue比例尺。可以将一个默认范围内的数字输入值映射到一个连续的颜色范围中去。

let sequentialMultiHue = d3.scaleSequentialMultiHue();

Parameters

• scale (可选): 一个输出值域的比例尺函数，如d3.scaleLinear()或d3.scaleLog()等。如果指定，则生成的比例尺将使用该输出值域范围。

Returns

• 返回一个新的Sequential Multi Hue比例尺函数。

sequentialMultiHue(value)

sequentialMultiHue()函数将给定的值映射到连续的色系中去。

sequentialMultiHue(0.25); // #a50026

Parameters

• value: 要映射到颜色上的值。

Returns

• 返回一个代表该值的颜色字符串，以十六进制表示。

sequentialMultiHue.domain([domain])

sequentialMultiHue.domain()函数用于指定输入值域范围。

sequentialMultiHue.domain([0, 100]);

Parameters

• domain (可选): 要指定的输入值域，为长度为2的数组。第一个元素为最小值，第二个元素为最大值。

Returns

• 如果未指定参数，则返回当前输入值域范围；否则返回序列多色调比例尺本身。

sequentialMultiHue.range([range])

sequentialMultiHue.range()函数用于指定输出颜色范围。

sequentialMultiHue.range(['#fff', '#000']);

Parameters

• range (可选): 要指定的输出颜色范围，为包含多个颜色字符串的数组。

Returns

• 如果未指定参数，则返回当前输出颜色范围；否则返回序列多色调比例尺本身。

sequentialMultiHue.unknown([color])

sequentialMultiHue.unknown()函数用于指定当输入值为undefined或NaN时，输出的颜色值。

sequentialMultiHue.unknown('#ccc');

Parameters

• color (可选): 要输出的未知颜色值。

Returns

• 如果未指定参数，则返回当前未知颜色值；否则返回序列多色调比例尺本身。