This topic contains 7 replies, has 2 voices, and was last updated by ivailo 9 years ago.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
jQuery UI Widgets › Forums › Editors › ScrollBar, Slider, BulletChart, RangeSelector › Slider to control simple interactive bar chart
This topic contains 7 replies, has 2 voices, and was last updated by ivailo 9 years ago.
Hi
I saw the post at http://www.jqwidgets.com/community/topic/graph-bar-responding-to-slider-values/ and wondered if you might have a demo of this being used for a vertical bar chart with 5 bars but without percentages being involved? Each bar is independent of the others.
Thanks!
Hi CaptainJustice,
Here is the demo with 5 colums, controlled by independent sliders.
Best Regards,
Ivailo Ivanov
jQWidgets Team
http://www.jqwidgets.com
Wow – thanks so much. I actually wondered if the demo might have a single slider controlling the movement of 5 columns like in this example?
http://cbctraining.ncl.ac.uk/build/index.html
Thanks in advance!
Hi CaptainJustice,
Here is another demo with single slider.
You can select a column when you click it.
Best Regards,
Ivailo Ivanov
jQWidgets Team
http://www.jqwidgets.com
Wow – your support is amazing!
Is there a way too get a single slider to change the values on all 5 of the bars as you slide it. The values would be different for each bar.
https://www.dropbox.com/s/ay3qwftztcfmlac/slider_converted%281%29.mp4?dl=0
Thanks!
Hi CaptainJustice,
Yes, the approach is almost the same.
You have to change the values of all columns with some algorithm, related to the change event of the slider.
Here is a demo.
Best Regards,
Ivailo Ivanov
jQWidgets Team
http://www.jqwidgets.com
Thanks for the reply. That demo link seems to go to a default page. Any chance you can send the correct link?
Thanks.
Hi CaptainJustice,
Please try again the demo. It have to work correctly.
Best Regards,
Ivailo Ivanov
jQWidgets Team
http://www.jqwidgets.com
You must be logged in to reply to this topic.