指数比例尺和对数比例尺中的很多方法和线性比例尺是一样的,例如 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