Columnrange needs to move horizontal axis properly

[pugazh-powerofn]

I need horizontal axis move for column range, i want to plot the range between X axis . The entire column range need to move horizontally. I have given below one fiddle link there is a Y axis range only. But i want to do X axis range . I anybody knows pls let me know.
http://jsfiddle.net/vxkp8ths/

[TorsteinHonsi]

Are you looking for the xrange series? http://jsfiddle.net/gh/get/jquery/2.2.4/highcharts/highcharts/tree/master/samples/highcharts/studies/xrange-series/

[pugazh-powerofn]

Thanks @TorsteinHonsi this works awesome. I need to move the bar one time range to another time range entirely. In this xrange bar graph i am using drag able function its working but i will not use to move the right side of the bar. Here only moving left side of the bar. I have given below link please refer this. If i am move to right side i getting this error (uploaded image).
http://jsfiddle.net/pugazhkrishna/fyzL2p05/

[bfang711]

@TorsteinHonsi hi I would like to use this functionality as well. However your link up there was not working properly. Can you please update the link and I will study how you made this work? thank you.
http://jsfiddle.net/gh/get/jquery/2.2.4/highcharts/highcharts/tree/master/samples/highcharts/studies/xrange-series/