代码之家 › 专栏 › 技术社区 › manymanymore

未捕获错误:未知类型:d3.js v5.4.0中的dragend

release-notes release d3.js

manymanymore · 技术社区 · 6 年前

我用的是 d3.js v5.4.0 .

以下是我得到的错误: Uncaught Error: unknown type: dragend .

这是因为我正在尝试执行以下操作:

            d3.drag()
            .subject(function(d){
                return {x: d.x, y: d.y};
            })
            .on("drag", function(args){
                thisGraph.state.justDragged = true;
                thisGraph.dragmove.call(thisGraph, args);
            })
            .on("dragend", function() {
                // todo check if edge-mode is selected
            });

和 dragend 现在似乎被否决了。

我试着找出发行说明,在新版本中描述了替代它的方法。 here 但没能做到。

请帮我解决这个问题。

1 回复 | 直到 6 年前

Andrew Reid 6 年前

您可以通过拖动收听的三个事件当前是(v4&5)。v3和之前的版本不同):

开始-新指针激活后(在鼠标向下或触摸屏上)。拖动-活动指针移动后(鼠标移动或触摸移动)。结束-活动指针变为非活动状态后(在mouseup、touchend或touchcancel上)。( docs )

所以,你只需要把dragend换成end

var svg = d3.select("body")
  .append("svg")
  .attr("width",500)
  .attr("height",300);
  
var circle = svg.append("circle")
  .attr("cx",100)
  .attr("cy",100)
  .attr("r",20)
  .attr("fill","steelblue")
  .call(d3.drag().on("start", function() {
      d3.select(this).attr("fill", "orange")
    })
    .on("drag", function() {
      d3.select(this).attr("cx",d3.event.x)
        .attr("cy", d3.event.y )
    })
    .on("end", function() {
      d3.select(this).attr("fill","steelblue");
    })
  )

<script src="https://d3js.org/d3.v5.js"></script>

推荐文章

inktrap · chrome和chrome驱动程序发布验证和API使用文档

3 年前

KKKk · 安卓发布的应用程序无法访问互联网Xamarin

6 年前

Ton · Android Studio 3,building release--min sdk版本

7 年前

Kamil LeÅniak · 2017年tfs发布的测试结果图表

7 年前

Appyx · 为什么要使用调试生成?[已关闭]

7 年前

einpoklum · 将CMake项目默认设置为发布生成类型

7 年前

Heena Patel · TFS 2017-构建和发布

7 年前

Ilja · 如何仅为版本变体设置signingConfigs?

7 年前

Safe Mode · Http请求在发布版本上不起作用

7 年前

David Poindexter · 需要删除两个单独拥有的GitHub存储库之间的重叠版本/标记

7 年前