transizioni d3 opacità lampeggiare stato finale

Ho un certo numero di transizioni opacità di base lungo le linee ditransizioni d3 opacità lampeggiare stato finale

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

Tuttavia, quando li ho eseguito, spesso questi elementi lampeggiano alla piena opacità e poi di nuovo a nessuno e dissolvenza C'è un modo per prevenire lo sfarfallio di questo contenuto?

fonte

2012-09-06 futuraprime

Testing questo, sembra che si ottiene il guizzo con .attr('opacity'), ma non con .style('opacity'), in modo da cambiare la transizione verso .style() dovrebbe risolvere questo problema.

prova violino:..? http://jsfiddle.net/nrabinowitz/Y5uX6/

Nessuna idea perché questo dovrebbe essere vero anche se :(

fonte

2012-09-06 23:32:41 nrabinowitz

funziona a meraviglia A occhio e croce ... forse questo è un bug nel motore SVG Usando '.style "significa che si basa invece su CSS, che è forse più raffinato/ha avuto più attenzione dagli sviluppatori di browser. – futuraprime

Questo thread sul gruppo google d3 potrebbe anche essere applicabile qui, relativo alla transizione da un valore zero e al modo in cui javascript interpola i numeri : https://groups.google.com/forum/#!msg/d3-js/hRlz9hndpmA/BH89BQIRCp4J – Josh

transizioni d3 opacità lampeggiare stato finale

risposta

Problemi correlati