Hi,
Hi,
Does anyone know if there's a bug in Chrome that manifests itself with text transitions in force directed graph layouts?
I use the following code to append text to each node in the graph:
// Append text to Nodes
node.append("text")
.attr("x", function(d) { if (d.id==focalNode) { return 0; } else {return 20;} } )
.attr("font-family", "Arial, Helvetica, sans-serif")
.attr("fill", "Black")
.attr("dy", ".35em")
.text(function(d) { return d.name; });
I use the following code to transition text size from 1em to 1.25em:
function mouseover() {
d3.select(this).select("circle").transition()
.duration(250)
.attr("r", function(d,i) { if(d.id==focalNode) {return 75;} else {return 15;} } );
d3.select(this).select("text").transition()
.duration(250)
.style("font", "bold 1.25em Arial")
.attr("fill", "Maroon");
}
It works fine in Safari and Firefox but in Chrome, when i mouseover the text or node it's tied to, the transition looks more like it magnifies to 2000em instead of 1.25em.
I'm using Chrome Version 19.0.1084.54.
If it is a bug, does anyone know what the workaround is?
If it's not a bug, it means I'm doing something wrong with transitions. In this case,would anyone know what it is that I'm doing wrong?
Thanks for your help,
Frank