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

显示d3.interpolate的值

1 个答案: