显示 d3.插值的值

Question

我对d3.js很陌生。我正在尝试理解以下代码：

   .tween("text", function(d) {
       var i = d3.interpolate(this.textContent, d),
           prec = (d + "").split("."),
           round = (prec.length > 1) ? Math.pow(10, prec[1].length) : 1;
       console.log(i);
       return function(t) {
           this.textContent = Math.round(i(t) * round) / round;
       };
   });​

我想看到var i的值，所以如果我做console.log(i)，我会得到一些方程返回。如何查看插值？

Answer 1

d3.interpolate 方法接收转换的开始值和结束值，并返回插值器函数。插值器函数接收一个介于 0 和 1 之间的值，并返回内插值。例如：

// Create an interpolator function to compute intermediate colors between blue and red
var i = d3.interpolate('blue', 'red');
// Evaluate the interpolator
console.log(i(0.0));  // #0000ff - blue
console.log(i(0.4));  // #cc0033 - purple
console.log(i(1.0));  // #ff0000 - red