如何使用d3's流星项目中的刷洗/拖动/缩放行为
How do I use d3's brushing/dragging/zoom behaviors in a meteor project?
我正试图使用Meteor.js和D3.js在此基础上构建一个增强的兵力布局图。
问题是:
在这个项目和其他涉及流星框架内d3鼠标移动事件的项目中,结合鼠标事件功能会导致应用程序崩溃
我所说的break指的是崩溃、鼠标拖动时出错等,或者表现得不守规矩。
真的有两个问题:
- 为什么会发生这种情况是什么导致了这种令人沮丧的行为?这个问题可以解决吗?还是我需要尝试使用不同的框架构建这个应用程序
- 如何防止或避免这种行为?我试过用div为图节点构建同样的应用程序,并用jquery的可拖动功能拖动whem,效果很好,但这有点像黑客,因为我仍然不能使用D3的功能,比如刷和缩放
这里有一个链接,指向一个非常简单的部队布局编辑器版本,该编辑器被纳入流星环境中。此程序允许用户拖动节点,但所有其他功能都将丢失。拖动出现的单个节点会引发以下错误:
Uncaught TypeError: Cannot read property 'apply' of undefined
用户无法选择节点、绘制新节点或执行应用程序编程要执行的任何其他操作。
看起来"防止默认"是罪魁祸首。。。我刚刚得到了我的图表来选择节点和绘制连接。
这是拖动线无法工作的关键。事实证明d3.svg.mouse(container)
已被弃用。您现在应该使用d3.mouse
。
这真的是个好消息,因为这意味着d3和流星比我想象的更兼容。
相关文章:
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- d3.js:在强制布局中使用缩放时,将禁用拖动
- 可缩放容器鼠标上的可拖动元素在创建时从辅助对象上浮动
- 如何使用d3's流星项目中的刷洗/拖动/缩放行为
- JavaScript 图像缩放和平移(拖动)
- 缩放/动画 jQuery 拖放到可拖放时可拖动
- 拖放到缩放的元素上
- 在 raphael js 中缩放/拖动矩形
- 在拉斐尔.js和缩放中拖动约束
- Sencha 触摸变换(缩放)面板在拖动启动时重置变换
- 使用鼠标向下拖动以缩放图像缩略图
- 缩放、拖动和旋转时的图像定位
- 在边界框内拖动和缩放图像
- 无法通过在d3系列图表上拖动矩形来进行缩放以正常工作
- 当缩放画布然后平移时,现在如果我试图在画布内拖动对象,则无法拖动.但画布只是平移
- 如何在缩放图像/对象后在画布中拖动它们
- js强制布局与拖动/缩放/平移和连接节点的能力
- 不能拖动/缩放/与谷歌地图交互
- 拖放在缩放上不起作用
- 在chrome浏览器中,它如何显示全尺寸的图像url,当用户在我的网站上拖动缩略图图像