<u>D3中,比例尺和坐标轴是非常重要而且紧密相关的两个概念。</u>
比例尺:
D3的比例尺:https://github.com/xswei/d3-scale/blob/master/README.md#api-reference
比例尺是绘制图标的重要参考依据。比例尺应是一个映射函数,对于给定的X可以计算出对应Y值。
D3提供了很多不同类型的比例尺。
D3中的比例尺是:Scales (d3-scale)
比例尺的种类
-
连续比例尺(Continuous Scales):将一个连续的,定量的输入映射到连续的输出区间.
- d3.scaleLinear - 创建一个定量的线性比例尺.
- d3.scalePow - 创建一个定量的指数比例尺.
- d3.scaleSqrt - 创建一个指数为 0.5 的指数比例尺.
- d3.scaleLog - 创建一个对数比例尺.
- d3.scaleIdentity - 创建一个定量的恒等比例尺.
- d3.scaleTime - 创建一个线性的时间比例尺.
- d3.scaleUtc - 创建一个 UTC 线性比例尺.
-
序列比例尺(Sequential Scales):将连续的,定量的输入映射到连续的固定的插值器.
- d3.scaleDiverging - 创建一个发散比例尺.
-
发散比例尺(Diverging Scales):将连续的,定量的输入映射到连续的固定的插值器
- d3.scaleDiverging - 创建一个发散比例尺.
-
离散比例尺(Quantize Scales):将连续的输入域映射到离散的输出域.
- d3.scaleQuantize - 创建一个量化比例尺
- d3.scaleQuantile - 创建一个分位数比例尺.
- d3.scaleThreshold - 创建一个阈值比例尺.
-
序数比例尺(Ordinal Scales):将离散的输入域映射到离散的输出域.
- d3.scaleOrdinal - 创建一个序数比例尺.
- d3.scaleBand - 创建一个序数分段比例尺.
- d3.scalePoint - 创建一个序数定点比例尺.
-
补充:插值器
以上比例尺都自带插值器。你也可以通过重写interpolator函数来构造一个自己的比例尺。例:用颜色插值器构造比例尺:Cyclical
使用 d3.interpolateRainbow 实现一种更优雅并且更高效的周期性颜色插值器:
var rainbow = d3.scaleSequential(d3.interpolateRainbow);
网友评论