d3.js - 你可以同时使用transition().delay()和.classed()吗?

标签 d3.js

我正在尝试在过渡期间检查并应用类(class),但会有延迟。我发现这是不可能的。

我尝试过的一些代码:

 citycircles = instamap.append("g")
        .selectAll(".city-circles")
          .data(points.features)
          .enter()
            .append("circle");

citycircles.transition().duration().delay(500)
       .classed("cities-selected", function(d,i) {
            if (i === nearestcircle) return true;
        });

d3.selectAll(".city-circles").transition().duration().delay(500)
      .classed("cities-selected", function(d,i) {
              if (i === nearestcircle) return true;
      });

最佳答案

这是the man himself主题:

No plans on supporting that at the moment; to transition classes, native CSS transitions are typically sufficient.

关于d3.js - 你可以同时使用transition().delay()和.classed()吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30447881/

相关文章:

javascript - 如何使用 d3.js 创建像 StackOverflow 信誉图这样的图表?

javascript - 人力车似乎在标记 X 轴错误

javascript - 如何使用 ASP.NET MVC 将数据传递到 d3js

javascript - 如何将 d3-jetpack 与 d3v4 一起使用?

javascript - 使用 slider 值动态更新 Javascript 中的条形图

d3.js - d3 v6 指针函数未调整缩放和平移

javascript - 标记未与传单 d3 中的路径正确对齐

javascript - 在强制布局中添加下拉菜单 (d3.js)

javascript - 使用 ScaleBand 从范围中获取域

javascript - 使用外部对象包装 D3 树中节点的文本