Logo
Section 1 / 8

线性尺度

线性尺度简介

导入

线性尺度

线性尺度简介

尺度是将输入从一个域映射到输出范围的函数。它们接收输入(通常是数据点),并将其转换为位置、长度和颜色。

我们将介绍线性尺度,它用于将连续输入映射到连续输出。

简介

让我们深入探讨尺度的概念,并重点了解线性尺度——最常用的尺度,也是在需要将连续输入映射到连续输出时的默认选择。线性尺度通过线性函数将连续输入映射到连续输出。

公式为:
y=mx+by = mx + b

其中,x 是输入,y 表示输出。输入通常为数据,例如城市人口;输出通常为图形中的某个维度,这将在下一章中详细介绍。

示例

现在我们通过一个例子来进一步理解线性尺度的工作原理。假设我们要将 10 分制的学生成绩(CGPA,范围 0 到 10)转换为 4 分制的系统(范围 0 到 4),使用线性尺度函数完成转换。

我们将使用 domain() 和 range() 函数分别定义尺度的输入范围和输出范围。

No configuration found for ID: ddd62d7acf1b206d4f2e8e2812811e566ee8cd0546b321d3e600abed6666f50b

在上述代码中,从第 1 行到第 3 行,我们定义了一个名为 cgpaconv 的尺度,其输入范围为 0 到 10,通过 domain() 函数指定。该尺度的输出范围为 0 到 4,由 range() 函数定义。

在第 5 行,我们通过 console.log() 函数将转换后的 4 分制成绩输出到控制台,以查看结果。

D3.js 基础知识

对数尺度