D3.js 指数比例尺和对数比例尺

指数比例尺和对数比例尺中的很多方法和线性比例尺是一样的，例如 domain()、range()、rangeRound()、clamp()、nice()、ticks()、tickFormat() 等，名称和作用都是相同的。但是，指数比例尺多一个exponent(), 用于指定指数；对数比例尺多一个 base()，用于指定底数。两者的用法和原理是一样的，下面以指数比例尺来说明使用方法，先看一段代码：

// 设置指数比例尺的指数为3
let pow = d3.scale.pow().exponent(3);
console.log(pow(2)); // 输出8
console.log(pow(3)); // 输出27

// 设置指数比例尺的指数为0.5， 即平方根
pow.exponent(0.5);
console.log(pow(2)); // 输出1.414
console.lg(pow(3)); // 输出1.732

这样使用的话，效果和 JavaScript 的 Math.pow() 是一样的，即是N次的方运算。居然如此，这样的运算为何要指定定义域 domain 和值域 range 呢。 再来看一段代码：

let pow = d3.scale.pow()
            .exponent(3)
            .domain([0,3])
            .range([0,90]);
console.log(pow(1.5)); // 输出11.5