Javascript 通过拖动边缘调整饼图切片大小

我正在尝试调整Raphaël网站上不断增长的馅饼演示，以满足我自己的需要

演示几乎是完美的，但我希望用户能够拖动切片的边缘来调整它们的大小，而不是单击它们。这不仅更加直观，而且允许精确调整大小，而不是演示中的分步方法

---

我该怎么办？提前感谢。

尝试从不同的UI角度处理您的解决方案。用户是否必须操纵PI？或者，PI能代表用户的响应吗？请用户输入百分比或其他值。。。然后以交互方式绘制UI。这样就不需要为鼠标移动的每个像素（基本上）触发的每个mousemove事件不断计算一个值。

我会考虑使用它。它有a和a。

不容易。您需要单独的“饼图-切片-边缘”对象来捕捉拖动事件，并需要一些三角函数来计算新切片放置后的角度。玩得高兴一般来说，这是最聪明的方法吗，还是仅仅因为我在修改代码？它不必是不断增长的饼图演示的精确代码。绘制对象很容易，确定规则并创建UI来拖动切片的边缘以增加其大小是困难的部分。我认为这个不断增长的饼图演示是一个很好的开始——它相当简单，并展示了如何捕获一个切片的单击事件，您需要扩展它，以便您可以捕获边缘上的开始/鼠标向下拖动事件。这有什么好运气吗？我将在d3上探索如何实现这一点。jsI最终放弃了我的“空中馅饼”梦想，并开发了一个界面，允许用户循环切片，并使用键盘控件增加/减少切片。如果你有幸用d3.js制作出更精彩的东西，请随时通知我：）同意。拖动饼图很有趣，但不是特别有用。人类是出了名的不精确，尤其是当涉及到老鼠的动作时。图表可能代表什么样的数据？图表可以代表任何数据。重要的是如何以一种对他们有意义的方式以一种即时而精确的方式呈现用户输入。不想回避这个问题。。。但是，相反，说明答案完全取决于用户期望的响应。