我尝试使用D3.js的d3.behavior.drag() drag事件来更新我的数据模型(不立即设置元素位置)，然后运行我的"draw“函数来更新基于更新后的模型的所有元素。此外，我在包含的group元素上使用了translate transform，以便移动与拖动的对象相关的所有元素(我从下面链接的示例中删除了多余的元素)。这会导致拖拽的元素在拖拽时卡顿，拖拽速度越快，情况会变得越糟。
参见。
以下是示例的代码：
blocks = [
{ x: 0, y: 0 }
];
drag = d3.behavior.drag()
.origin(Object)
.on(
浏览 1提问于2012-10-26得票数 20
回答已采纳
1回答
我试图了解如何通过分析Chrome工具中的Timeline数据来提高D3.js应用程序(数据的交互式可视化)的速度。
我在拖曳数据条，它们在mousemove事件上被移动(SVG转换)。
时间线告诉我，50%的CPU时间被“系统”进程使用(其余的是“脚本”、“呈现”、“绘制”和“闲置”)。
什么是“系统”，如果需要50%的时间，问题可能是什么？
顺便说一下，如果我按住鼠标右键而不是左键拖拽，反应就会好得多，而“系统”只需要20%的时间。
注意:在旧Chrome中，"System“类被命名为"Other”。
浏览 5提问于2016-04-06得票数 30
2回答
我正在使用GestureRecognizer来检测拖拽和挤压手势。
ManipulationStarted、ManipulationUpdated和ManipulationCompleted事件提供了收缩和拖动所需的平移值和缩放值。
GestureRecognizer中没有关于接触点数量的信息。
如何在GestureRecognizer中区分拖拽和挤压
浏览 1提问于2012-09-29得票数 2
回答已采纳
我将如何创建一个转换/事件，当一个表面被拖拽时被触发？我在看“可拖”修饰符，但我不认为这是我所需要的。如果有人能给我指明正确的方向，那就太好了。
浏览 2提问于2014-06-30得票数 1
回答已采纳
3回答
jquery外部的DOM操作
、、、、
我在相同的脚本中使用Jquery和D3.js。我有一个使用D3.js修改的svg元素。然后，当我使用Jquery在这个元素上进行选择时，我看不到D3.js所做的修改。
开头的DOM：
<svg>
<g id="myId"></g>
</svg>
使用D3.js修改后的DOM：
<svg>
<g id="myId" transform="translate(10, 10)"></g>
</svg>
然后：
$("#myId").a
浏览 37提问于2016-08-26得票数 0
回答已采纳
1回答
我已经尝试使用这个箭头头力向图的例子(基于d3.js)
我想在不重新启动动画的情况下，动态地向图中添加节点/链接。
我不是javascript的专家，也不是d3.js的专家，但是无论我尝试做什么，我都不能设法创建一个动态添加更多链接的AddLinks(链接)方法。
我最好的办法是动态添加链接，但这些链接并不知道图中其余部分的存在。
我当然知道我的问题在哪里。我分别使用了两次"force“方法，但我找不到如何与已经存在的”force“接口……
浏览 2提问于2013-03-15得票数 1
回答已采纳
我正在尝试用<code>D0</code>让我的滑块幻灯片链接到一个关于页面。问题是它不能区分拖拽和点击。我如何做到这一点，有没有办法用react路由器实现，或者我需要用自己的代码添加一个JavaScript解决方案？这是我的代码：
<code>A1</code>
浏览 48提问于2020-07-30得票数 3
回答已采纳
1回答
我试图通过拖拽在中创建事件，将数据放在Tootip表单中，然后向服务器发送一个保存请求。问题:在我拖动事件后，选择消失了:我需要它一直保留到我提交事件。现在
在文档/示例中，他们有警告，哪个corse停止了函数的执行，并且选择保持不变：
<BigCalendar
selectable
events={events}
defaultView='week'
scrollToTime={new Date(1970, 1, 1, 6)}
defaultDate={new Date(2015, 3, 12)}
浏览 13提问于2016-09-20得票数 0
1回答
我有一个具有拖放功能的UIView应用程序。我应该只允许3次拖拽，而且不会超过3次。如何跟踪拖拽的数量？我尝试在touchesBegan()中递增计数器，但在点击视图时计数器也递增。我希望仅当我拖动视图时才增加它。您还可以提供一个代码片段，用于将一个小的UIView拖放到顶部的另一个视图中。我不知道我是否使用了正确的方法。
我的代码：
(void) touchesMoved:(NSSet*)touches withEvent:(UIEvent*)event {
[self.view setMultipleTouchEnabled:NO];
UITouch *touch = [
浏览 0提问于2012-07-24得票数 1
回答已采纳
我使用，我想知道是否有可能将最底层的元素放在彼此下面，而不是在相同的级别上：
有一些可以调整，但我找不到一个属性来完成这项工作。
如果这个特性不是内置的，那么是否可以通过添加一个使用普通d3.js的函数来实现这一点呢？我想我们非常高兴的提示或建议如何解决这一问题。
浏览 3提问于2021-10-05得票数 0
1回答
使用D3.js，我想对子元素执行转换(动画)，在转换结束时，删除父元素。
如何确保孩子的过渡结束？
如何删除父元素？在jQuery语法中，$(this).parent().remove()；
li.enter() .append('li') .append('i') .text(函数(d) {返回d；})；
li.exit() .selectAll('i') .transition() .style(‘不透明’，0) .remove()；//删除这里的父级.
演示：
浏览 2提问于2013-02-11得票数 0
回答已采纳
我一直在测试html5和js的新功能，以创建一个素描站点。我一直在寻找一个可能的客户，希望他们的网站可以在ipad上访问，但也有绘图功能。
因此，我创建了一个粗略的实验，您可以在屏幕上拖动鼠标来绘制线条。我去ipad上测试它，发现它不能工作。为什么？因为在ipad上拖拽是专门用来拖拽屏幕的。
你能做些什么来解决这个问题吗？我相信这是可以做到的，如果是为一个应用程序，但如果只是一个普通的网站。
浏览 2提问于2010-04-20得票数 4
回答已采纳
我在玩d3.js，我注意到了拖拽的奇怪行为。如果我使用data和scaleX/scaleY添加一个圆，当我拖动它时，d3.vent.y值相对于"data“数组中的xy坐标，而不是左上角.
下面是代码和一个：如果打开控制台，如果拖动第一个圆圈，引用是左上角，如果拖动第二个圆圈，则引用与{x: 3，y: 2}相关。
var circle2 = svgGraph
.selectAll('.circle2')
.data([{ x: 3, y: 2 }])
.enter()
.append('circle') // Uses the enter(
浏览 1提问于2019-06-21得票数 2
回答已采纳
如果我有一个精灵节点，在屏幕上的某个地方只有一个白色的圆圈，我怎么能做到，当我拖拽的时候，比如说向下，稍微向左，圆圈精灵会向上和向右发射，然后逐渐下降，就像高尔夫球一样。
另一种解释机修工的方法是“愤怒的小鸟”游戏，在游戏中，你发射弹弓的小鸟，鸟儿向你拖拽的相反方向移动，然后逐渐下降。
另一个活生生的例子，圆圈力学，看看这个应用，沙漠高尔夫。
谢谢，如果你不知道我的意思，就评论一下，我会尽量解释得更好。
可选:如果你知道如何为圆圈做弹弓式机械师，你也知道如何在屏幕上添加箭头，让用户知道圆圈将以哪种方式启动？
浏览 0提问于2015-08-09得票数 1
回答已采纳
1回答
我对d3.js非常陌生。我需要实现一个有时间线的水平条。而条形图的内容将是图像模式的序列。
有人能帮我找到实现的方法吗，最好是使用d3.js？
请找到附图。
浏览 1提问于2016-03-04得票数 0
回答已采纳
在jquery UI拖拽效果中，如何找到被拖拽的拖拽效果？
$('#test').droppable({
drop: function (e,ui) {
//$(this) means the drop-container
//How can I use the "ui" parameter find the being draged one?
}
}
}
浏览 1提问于2012-03-09得票数 1
回答已采纳
我很难把头绕在d3.js嵌套元素上。
我试图制作一些简单的水平条形图，一个100%的背景(容器)。就像这样：
我用这种方式描绘了生成的标记：
<div class="bar-legend-container">
<div class="bar-legend-data"></div>
</div>
随着..bar图例-数据宽度随数据的变化而变化。很简单。
因此，使用D3.js，我为我的每个数据elements.Then追加了一个..bar图例-容器，我试图在里面添加..bar图例-数据，使用容器的数据。那就是
浏览 3提问于2014-12-06得票数 0
1回答
我正在尝试创建一个弧形图，其中弧形表示时间戳的开始和结束。
我的问题是，当开始变量大于结束值时(例如14:00-5:00)，圆弧反转方向并逆时针绘制自己。这是对源代码进行更改的结果，如下所示：
我是d3.js的初学者/中级，如果有人能告诉我如何禁用这个功能，让我的圆弧从头到尾都是顺时针绘制的，那就太棒了。
谢谢！-Sam
浏览 0提问于2015-04-07得票数 1
1回答
我正在尝试学习web开发，并选择了Dart作为一种继续进行的方式(坦率地说，除了它对我来说更有意义之外，没有其他原因，因为我来自Python/ Java背景！).One我感兴趣的事情是可视化和科学编程(我每天都使用Python栈进行工作和娱乐)。我正在尝试建立一个基本的应用程序与聚合物，Dart和D3.js (自学工作)。有没有人能给我一个完整的基本例子。特别是展示了如何正确地包含像d3.js这样的外部库？
浏览 0提问于2014-03-28得票数 2
1回答
我有一个大小为480x480的画布，网格由8个矩形乘以8，每个矩形为60x60 (基本上是一个棋盘)。
我成功地导入了一个svg (比如说一辆车)。我知道如何将其扩展和转换到不同的地方。我知道怎么拖拽“n”。
我唯一不能做的就是在每个方块的中心强制车的路径。当我把它拖到某个矩形上时，它应该会自动定位到正方形的中心，它被拖到上面。
我尝试了snapTo，但尽管可以看到一些胆小的捕捉尝试，路径仍然很容易移动。
浏览 2提问于2011-05-29得票数 2
回答已采纳
1回答
显示值d3.插值
、、、、
我对d3.js很陌生。我试图理解以下代码：
.tween("text", function(d) {
var i = d3.interpolate(this.textContent, d),
prec = (d + "").split("."),
round = (prec.length > 1) ? Math.pow(10, prec[1].length) : 1;
console.log(i);
return function(t) {
浏览 3提问于2014-01-14得票数 2
回答已采纳
我已经阅读了我能找到的所有文档和stackoverflow，但仍然有问题。 我正在用Vue和Rails构建一个Trello克隆。 我有很多可拖拽的列表。 每个列表都有可拖拽的卡片。 当我将一张卡片从一个列表拖到另一个列表时，如何将其持久化到ajax rails端点？ 我尝试过使用@end方法和:move属性，但一无所获。 #app.vue
<template>
<draggable v-model="lists" group='lists' class="row dragArea" @end="listMoved&
浏览 40提问于2019-05-03得票数 2
当CollectionView启动和停止拖动时，我需要获取事件/信息。
我想这一定是拖拽单元格时的正常场景--为了能够将列表保存在CollectionView后面。
- (void)collectionView:(UICollectionView *)collectionView
moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath
toIndexPath:(NSIndexPath *)destinationIndexPath{
浏览 4提问于2016-10-13得票数 1
1回答
我需要拖动我的一个UIImageview，当我将它放到另一个UIImageview上时，它必须在两者之间替换。
如上图所示，我在一个序列中设置了多个UIImageview。这里我要求，如果一个拖拽4-0.4到4-2.4，那么两个都交换自己。
浏览 13提问于2016-08-02得票数 0
1回答
我们正在开发一个使用html5的页面，引导必须加载图表。我们用了D3.js。但是在IE8中它没有加载。我们只能使用开源插件，没有许可。请推荐任何在IE8中加载的开源图表插件？
浏览 2提问于2015-10-26得票数 0
回答已采纳
是否有可能限制可滴落的区域。
我希望我的拖拽回来，如果它不是完全在拖拽。这就是小提琴。如果不在drag1目录中，我想让可拖拽的东西恢复原状。
jquery：
$("#drag").draggable({
revert:'invalid',
cursor:'move',
appendTo: 'body',
containment : 'document',
helper
浏览 0提问于2014-01-03得票数 0
以下是使用d3.js模拟力有向图的代码 var simulation = d3.forceSimulation()
.force("center", d3.forceCenter(graphWidth / 2, height / 2))
.force("x", d3.forceX(graphWidth / 2).strength(0.1))
.force("y", d3.forceY(height / 2).strength(0.1))
.force("charge", d3.forceManyBody().st
浏览 19提问于2020-10-12得票数 0
我对这里一无所知!我对这件事非常着迷，所以我决定向你们美丽的社区问好。
几个月前，我在互联网上，可能读到了有关处理和其他创造性编码环境的文章。然后我来到这个美丽的主页？它有一个完整的视图模式的棒数字，彩色，粉红色和/或紫罗兰。你可以拖拽棍子，然后它们就会飞离它们的位置，或者至少，这就是我能记得的。
坏消息是，我喜欢这个JS库或其他任何东西，但是我没有把它保存到我的书签中。所以我把它弄丢了：“(当然我不记得它的名字了。我看上去很疯狂，有很多有趣的JS库都有类似的功能(obvsp5.js，d3.js，paper.js，sketch.js，particles.js，snap.svg，mo.js.但我
浏览 5提问于2017-06-11得票数 1
回答已采纳
1回答
一页多svg的D3点击事件
、、、、
我有一个网页与两个svg插入通过D3.js。我可以将click事件添加到svg中，并将其直接附加到正文中。然而，我在第一个svg之上有另一个“浮动”div，在那里我附加了另一个svg。当尝试添加单击事件时，它们不会触发。
我也尝试过跟踪鼠标位置，但这只适用于附加到正文的svg。
有没有一种方法可以将点击监听器分配给位于“浮动”rect中的div？
这里有我的小提琴：
我正在尝试，当单击页面顶部的rect时，将颜色从黑色改为白色，反之亦然。这怎么可能呢？
我也尝试过Jquery方法。
请注意，如果您将鼠标移动到第二个svg上，您实际上可以拖拽和放大第一个svg，这也是不受欢迎的行为。
浏览 29提问于2017-02-13得票数 0
回答已采纳
3回答
如何在拖动jQuery UI对话框时运行函数？
我试过绑定对话框拖，拖拽，拖拽，但这些都不起作用。
浏览 0提问于2011-11-23得票数 0
回答已采纳
我试图用用D3.js制作一个能量流图。在我看到的每一个中，节点之间的链接看起来都是相似的，并且是连续曲线的。我的理解是，Sankey库代码使用D3形状库绘制三次bézier曲线。
我想知道是否有任何标准的方法来绘制更复杂的连接链接？
具体来说，我希望这些连接看起来像创建的或中的。这两者在曲线之前都有某种“缓冲区”，而对角线段看起来彼此平行(或有些平行)。对于我的情况，我更希望所有的对角线剖面在45度的角度与可变大小的缓冲区平行。
有没有人对如何做到这一点有任何想法？我是新来的D3.js，并希望您有任何帮助或指导！
浏览 1提问于2018-02-28得票数 0
在Xcode中，如何创建新的工作区并向其中添加1个项目，以便查看项目及其文件？
如果我只是拖拽这个项目，我所能看到的就是它不能展开的项目，我看不到文件。另外，是否存在从项目中复制现有方案以便可以在工作区中使用的问题？
浏览 4提问于2016-07-11得票数 67
回答已采纳
1回答
我正在创建一个android应用程序，我需要在其中拖放视频视图。我能够做到这一点。但实际的问题是如何在拖拽视频视图的同时创建拖拽阴影？
浏览 0提问于2016-01-12得票数 0
HTML5拖放，尝试确定是否允许在元素上拖放。
所以根据这个：
拖拽时不能读取DataTransfer dataStore。由于拖拽是你应该取消的事件，以表明你接受拖放-并且在dragover期间你不能分辨被拖拽的是什么，这应该是如何工作的？我是不是漏掉了什么明显的东西？
似乎您必须取消拖放/拖放，如果拖放的内容有可能被拖放到您的元素上，但您只能找出拖放时拖放的内容。
浏览 1提问于2013-06-21得票数 0
回答已采纳
如何在屏幕上统一拖拽，让游戏对象跟随拖拽的方向，不断实例化游戏对象？
例如:向右拖动实例化向右，向上拖动实例化或以特定角度向上拖动并相应地实例化。
浏览 2提问于2018-06-19得票数 0
我需要以下方面的帮助：
1.)如何将函数$('div.appriseOuter').draggable()；放在所有‘apprise`函数中？我需要在每个赋值函数上放上
2.)当你点击“点击我”，它应该会弹出对话框“拖拽我#1”-然后当你按回车键，它会进入对话框“拖拽我#2”，然后当你再次点击回车，对话框“拖拽我#3”没有出现。但是当您通常单击not ENTER时，它会进入"Drag me #3“对话框。
My JsFiddle is
浏览 0提问于2013-04-25得票数 0
1回答
当拖拽的<li>离开可丢弃的#div1时，如何强制拖拽的<li>丢弃？
$("li").draggable();
$("#div1").droppable({
tolerance:'pointer',
drop:function (event,ui) {
alert("dropped")
},
out:function (event,ui){
//if out then drop the li
}
}
浏览 2提问于2012-04-03得票数 0
1回答
我想拖放网站上的图像到画布上的Xaml。但这是不可接受的，因为拖动的数据不是图像数据，而是html数据。所以我试着得到拖拽的缩略图。但我不知道如何访问拖拽缩略图。
如何访问拖拽缩略图。我想知道那些代码。C#。
-Xaml--
<WebView x:Name="WebView" Source="https://google.com" ScriptNotify="Notify" NavigationCompleted="Completed" ></WebView>
<Canvas x:Na
浏览 0提问于2017-08-31得票数 0
1回答
我正在尝试用d3.js创建一个互动的财富轮，它可以在移动设备上工作。以下是我迄今为止一直在做的工作：
svg.on("mousemove", function(d) {
if (isDown){
var angleDeg = Math.atan2(lastY - d3.event.y, lastX - d3.event.x) * 180 / Math.PI;
lastX = d3.event.x;
lastY = d3.event.y;
curAngle = angleDeg;
svg.attr("tr
浏览 3提问于2016-05-12得票数 3
回答已采纳
1回答
为什么我不能在d3.js中执行类转换？
main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>d3 playing around</title>
<link rel="stylesheet" href="main.css">
<!-- <script src="d3LibV5Min.js
浏览 1提问于2018-05-27得票数 0
回答已采纳
使用Drupal中的D3.js库创建数据可视化的可用选项有哪些？
D3.js (数据驱动文档)似乎是一个越来越受欢迎的图表引擎。因此，我想知道如何使用D3.JS作为图表引擎。
浏览 0提问于2015-09-03得票数 2
回答已采纳
1回答
我是d3.js的新手，我想知道如何在d3.js的行中间呈现文本。我已经附上了应该如何渲染的图像。
浏览 1提问于2021-04-05得票数 1
回答已采纳
1回答
我想使用d3.js可视化数据。因此，我将express框架连接到postgresql，从postgresql获取用户数据，用户数据将使用d3.js可视化。我的问题是，在express框架中如何使用纯d3.js代码？
谢谢。你好，雷斯·汗。德国图克尔。
浏览 1提问于2015-07-21得票数 1
1回答
我想用d3.js创建一个像上面这样的甜甜圈，但是我不能做一个。我可以用d3.js做一个正常的甜甜圈。
请有人知道如何用d3.js制作这个甜甜圈吗？
浏览 3提问于2015-12-02得票数 2
回答已采纳
我正在尝试创建一个映射，它将在行尾添加一个拖拽的文本，但如果行尾的字符不是空格，则在它前面附加一个空格。
Base string: The quick brown fox
^no space, just fox$
Desired after pasting: The quick brown fox jumps over the lazy dog
Base string: The quick brown fox
^additional space, fox $
Des
浏览 1提问于2013-11-17得票数 0
1回答
我刚接触Xcode，但已经开发了15年。我正在尝试理解事件声明在Xcode中是如何工作的。有没有可能你只能在按Ctr键拖拽到代码中时才能声明？然后只通过连接查看器中的对话框进行查看？这将是非常恼人的。我遗漏了什么？当然，事件应该出现在代码中的某个地方。
下面是一个示例函数，它假定声明了一个“退出时结束”代码。
@IBAction func helloAction(sender: UITextField) {
nameLabel.text = "Hi \(sender.text)"
}
谢谢你的帮助。
浏览 2提问于2014-10-30得票数 0
2回答
人字形端D3圆弧
、、、、
我使用D3.js绘制了一个，默认情况下，D3.js的两端是方形的。
var arc = d3.arc()
.innerRadius(0)
.outerRadius(100)
.startAngle(0)
.endAngle(Math.PI);
d3.selectAll('svg')
.append('path')
.attr('d', function() {
return arc();
});
我怎么能画一个弧形的雪佛龙形状在它的一端。
浏览 5提问于2016-12-07得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
