Javascript d3.1插值的显示值
我对d3.js相当陌生。我试图理解以下代码:Javascript d3.1插值的显示值,javascript,jquery,html,d3.js,transition,Javascript,Jquery,Html,D3.js,Transition,我对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);
.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)
,我会得到一些返回的公式。如何查看插值?该方法接收转换的起始值和结束值,并返回插值函数。插值函数接收介于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