D3 v5 学习笔记-3 坐标轴概览

<u>D3中，比例尺和坐标轴是非常重要而且紧密相关的两个概念。</u>

比例尺：

D3的比例尺：https://github.com/xswei/d3-scale/blob/master/README.md#api-reference
比例尺是绘制图标的重要参考依据。比例尺应是一个映射函数，对于给定的X可以计算出对应Y值。

D3提供了很多不同类型的比例尺。
D3中的比例尺是：Scales (d3-scale)

比例尺的种类

1. 连续比例尺（Continuous Scales）：将一个连续的，定量的输入映射到连续的输出区间.

   1. d3.scaleLinear - 创建一个定量的线性比例尺.
   2. d3.scalePow - 创建一个定量的指数比例尺.
   3. d3.scaleSqrt - 创建一个指数为 0.5 的指数比例尺.
   4. d3.scaleLog - 创建一个对数比例尺.
   5. d3.scaleIdentity - 创建一个定量的恒等比例尺.
   6. d3.scaleTime - 创建一个线性的时间比例尺.
   7. d3.scaleUtc - 创建一个 UTC 线性比例尺.

2. 序列比例尺（Sequential Scales）：将连续的，定量的输入映射到连续的固定的插值器.

   1. d3.scaleDiverging - 创建一个发散比例尺.

3. 发散比例尺（Diverging Scales）：将连续的，定量的输入映射到连续的固定的插值器

   1. d3.scaleDiverging - 创建一个发散比例尺.

4. 离散比例尺（Quantize Scales）：将连续的输入域映射到离散的输出域.

   1. d3.scaleQuantize - 创建一个量化比例尺
   2. d3.scaleQuantile - 创建一个分位数比例尺.
   3. d3.scaleThreshold - 创建一个阈值比例尺.

5. 序数比例尺（Ordinal Scales）：将离散的输入域映射到离散的输出域.

   1. d3.scaleOrdinal - 创建一个序数比例尺.
   2. d3.scaleBand - 创建一个序数分段比例尺.
   3. d3.scalePoint - 创建一个序数定点比例尺.

6. 补充：插值器
   以上比例尺都自带插值器。你也可以通过重写interpolator函数来构造一个自己的比例尺。

   例：用颜色插值器构造比例尺：Cyclical

   使用 d3.interpolateRainbow 实现一种更优雅并且更高效的周期性颜色插值器：

   var rainbow = d3.scaleSequential(d3.interpolateRainbow);