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

我想我需要在将其设置为1之前将不透明度设置为0.

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