简体繁体 English

jQuery插件可拖动滑块具有多个区域，如堆栈图

[英]jquery plugin draggable slider with multiple areas like stack chart

原文 2013-03-14 21:00:24 7 1 javascript/ jquery/ charts/ slider/ draggable

I have been looking for a jquery plugin around that does this, but seems like there isn't much like that out there. 我一直在寻找可以做到这一点的jquery插件，但似乎那里没有那么多。

Basically I would like to provide a widget that has handles to allocate percentages by dragging. 基本上，我想提供一个小部件，它具有通过拖动来分配百分比的句柄。 It is more like a horizontal stack chart whose lines can be dragged. 它更像是水平堆栈图，其线条可以拖动。 In other words, a horizontal "tube" or pie is divided into different sections, but can be dragged by the user to determine the desirable percentage for each section. 换句话说，水平“管”或饼被划分为不同的部分，但是可以由用户拖动以确定每个部分的期望百分比。 New sections should also be able to be added and removed on the fly. 新部分也应该能够即时添加和删除。

Is there anything jquery widget plugin that does this? 有什么jQuery的小部件插件可以做到这一点？ I have found a lot of good drag and drop plugin, lots of good stack chart, pie chart plugins, but seems like i haven't found one that does both. 我发现了很多不错的拖放插件，很多不错的堆栈图，饼图插件，但是好像我还没有找到能同时完成这两个任务的插件。

Thanks 谢谢

1 个解决方案

I suppose for the above scenario either a slider with fixed minimum would work fine. 我想对于上述情况，固定最小值的滑块都可以正常工作。 The link for the jquery for this is http://jqueryui.com/slider/#rangemin The example stated here can be changed according to the need in this case %. 为此的jquery的链接是http://jqueryui.com/slider/#rangemin在这种情况下，此处说明的示例可以根据需要进行更改。