d3js不透明度轉換不按預期工作

Question

我有一個組我想動畫形式0不透明度爲1.我已經從1動畫它到0罰款，但去另一種方式是奇怪的。下面的代碼 -

showSelection.transition() 
    .duration(animate ? 300 : 0) 
    .style('opacity', 1) 
    .on('end',() => { 
     selection.style('pointer-events', 'inherit'); 
    }); 

的是導致opacity: 9.09815e-08; pointer-events: none;

我所做的不透明度值的東西非常高.style('opacity', 100000000)，現在我得到一些更喜歡opacity: 9.25965; pointer-events: none;

有誰知道會造成這種情況？

Answer 1

我想我需要設置不透明度爲0默認情況下它動畫爲1

showSelection.transition() 
    .style('opacity', 0) 
    .duration(animate ? 300 : 0) 
    .style('opacity', 1) 
    .on('end',() => { 
     selection.style('pointer-events', 'inherit'); 
    });