Slider to control simple interactive bar chart

[CaptainJusticeParticipant]

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!

[ivailoParticipant]

Hi CaptainJustice,

Here is the demo with 5 colums, controlled by independent sliders.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[CaptainJusticeParticipant]

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!

[ivailoParticipant]

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

[CaptainJusticeParticipant]

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!

[ivailoParticipant]

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

[CaptainJusticeParticipant]

Thanks for the reply. That demo link seems to go to a default page. Any chance you can send the correct link?

Thanks.

[ivailoParticipant]

Hi CaptainJustice,

Please try again the demo. It have to work correctly.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts