2012-09-06 17 views
9

tengo una serie de transiciones básicas de opacidad en la línea detransiciones d3 opacidad parpadear estado final

emp_line.transition() 
    .duration(1250) 
    .attr('opacity', 1) 

Sin embargo, cuando las dirigen, a menudo estos artículos parpadean a una opacidad total y luego de vuelta a ninguno y se desvanecen pulg. ¿Hay alguna manera de evitar que este contenido parpadee?

Respuesta

16

Pruebas de esto, parece que se obtiene con el parpadeo .attr('opacity'), pero no con .style('opacity'), por lo que cambiar la transición a .style() debe solucionar este problema.

prueba violín:..? http://jsfiddle.net/nrabinowitz/Y5uX6/

Ni idea de por qué esto debe ser cierto, sin embargo :(

+0

trabaja un convite En una conjetura ... Tal vez esto es un error en el motor SVG Uso de '.style 'significa que se basa en CSS, que quizás es más refinado/ha recibido más atención de los desarrolladores de navegadores. – futuraprime

+1

Este hilo en el grupo d3 google también podría ser aplicable aquí, relacionado con la transición de un valor cero y la forma en que javascript interpola los números. : https://groups.google.com/forum/#!msg/d3-js/hRlz9hndpmA/BH89BQIRCp4J – Josh