你会用什么样的用户界面？

Question

我正在尝试创建一个可以执行以下操作的用户界面，但我对如何执行此操作毫无头绪。

问题在于，我想让人们将一定比例的帐户余额分配给不同的东西，比如你要分配40％的租金，30％的储蓄和30％的其他东西

你怎么能让人们选择这些东西之间的百分比？ 问题是总百分比必须始终为100％，所以说你想在页面上放置3个文本框，每个文本框都表示比例，

如果用户选择80％作为第一个，20％选择下一个，那么最后一个必须保持为0，这是一个尴尬的用户界面，并考虑到互联网用户对浏览页面的关注程度，我不喜欢我想任何人都会完全理解并使用它......

我正在考虑像音频均衡器这样的滑块，但即使这样也很难理解。

某种饼图可以让你通过点击饼图来改变价值，这可能是一个好主意，但很难在js中实现。

让我知道你的想法

Answer 1

三个相互更新的滑块怎么样？

或者交互式饼图怎么样？

Answer 2

我的投票是针对实时更新的滑块;抓取滑块A，更改时更新滑块B和C.您还可以更新饼图以加强正在进行的操作。

Answer 3

磁盘分区工具解决了我认为的同样问题，它们可用空间的可视化，内部分区，未分区空间等。你曾经使用过像Partition Magic这样的东西吗？

但是 - 是的，用JavaScript创建的UI非常具有挑战性，但仍然可行。