D3.js d3中有计数器的功能吗?
这是我的可视化,当所有棒的长度适当增长时,在5分钟的过渡后,它显示每个棒的计数值。D3.js d3中有计数器的功能吗?,d3.js,D3.js,这是我的可视化,当所有棒的长度适当增长时,在5分钟的过渡后,它显示每个棒的计数值。 我想显示从0到条形高度的计数值。这可能吗?如果是,请帮助我。谢谢Lars Kotthoff,这非常有帮助。我将我的代码粘贴在这里,希望对其他人有所帮助。 ` `这是在中介绍的。这也是静态数据,我将代码粘贴在这里,以便您更好地了解我的实际需要。svg.selectAll(.bartext”).data(data)。enter().append(“text”).transition().delay(290000)。d
我想显示从0到条形高度的计数值。这可能吗?如果是,请帮助我。谢谢Lars Kotthoff,这非常有帮助。我将我的代码粘贴在这里,希望对其他人有所帮助。 `
`这是在中介绍的。这也是静态数据,我将代码粘贴在这里,以便您更好地了解我的实际需要。svg.selectAll(.bartext”).data(data)。enter().append(“text”).transition().delay(290000)。duration(300000)。attr(“class”,“bartext”).attr(“文本锚定”,“中间”).attr(“填充”,“黑色”)。样式(“font-weight”,“bold”).attr(“x”,函数(d,i){return convert.x(d.alarm)+30;}.attr(“y”,函数(d,i){return convert.y(d.value);}.text(函数(d){return d.value;///这里我想在这里添加计数器,从0到d.value,})对不起,我不知道你在找什么。这是我已经做的,但是现在我试着把值/计数(精确的状态/高度)加起来,因为从每个栏到O的大小都是从bar开始增长的。就像C++中的一个计数器。希望有人能理解和回答我的问题。
svg.selectAll(".bartext")
.data(data)
.enter()
.append("text")
.attr("class", "bartext")
.attr("text-anchor", "middle")
.attr("fill", "black")
.style("font-weight","bold")
.attr("x",function (d, i) {
return convert.x(d.alarm);
})
.attr("y", maxHeight)
.transition()
.duration(180000)
.tween("text", function(d) {
var i = d3.interpolate(this.textContent, d.value),
prec = (d + "").split("."),
round = (prec.length > 1) ? Math.pow(10, prec[1].length) : 1;
return function(t) {
var j=maxHeight;
this.textContent = Math.round(i(t) * round) / round;
svg.selectAll(".bartext")
.attr("y",function(d){return convert.y(this.textContent)})
};
});