jQuery图形/绘图插件在元素上具有拖放功能？答案

【问题标题】：jQuery graph/plot plugin with drag and drop capabilities on the elements?jQuery图形/绘图插件在元素上具有拖放功能？
【发布时间】：2013-05-15 23:52:44
【问题描述】：

简短版：

我正在寻找一个图形/绘图/网格/图表插件，就像flot 插件一样，但在元素上具有拖放功能。有什么建议么？

长版：

我正在构建一个用于管理工作流程和任务的工具。我正在想象一个图表，x 轴上是时间，y 轴上是员工。然后，该图表会显示特定时间跨度内所有员工的分配。然后你可以看到，例如，是否有任何任务相互重叠，任务多长时间，或者任何员工的时间线是否有任何重大漏洞等。这部分相对容易。困难的部分是我想在分配元素上启用拖放，这样如果两个分配相互重叠，您可以简单地将其中一个拖到另一个员工身上。您还应该能够像通常调整文本区域的大小一样缩小或扩大分配。

如果有一个插件可以检测鼠标/元素的 x/y 位置、易于访问的交互事件以及在拖放和调整大小时开始元素的结束点，那会让我的生活变得轻松。更具体的技术问题，例如在两名员工之间拖动元素时检测 y 轴上最近的员工等，将是稍后关注的问题。

现在我只是在寻找一个好的起点。任何想法都会很乐意被接受/考虑。谢谢。

【问题讨论】：

标签： jquery graph plot flot drag-and-drop

【解决方案1】：

我最终使用了 Telerik 的 Scheduler RadControl。经过一些修改，它能够满足我的要求。

【讨论】：

【解决方案2】：

这不是一个直接的答案，但我想指出 Flot 确实支持交互事件。设置 'clickable' 和 'hoverable' plot options 会导致它产生 'plotclick' 和 'plothover' 事件，这些事件应该为您提供足够的信息来实现拖放。

【讨论】：

是的，我知道这一点。但是我读过flot不支持拖放，所以我想在合理的时间范围内实现它我自己几乎是不可能的。或者是什么？我不能完全 flotDom.addClass('ui-draggable') ;)
不，你肯定不能使用 jQuery draggable，但是拖放并不是一个复杂的行为，如果没有其他选择，你无法从头开始编写它。