Homework - Bar Chart with Movable/dragable shapes

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>  <div id="container" style="height: 300px; width: 400px; border: 1px solid black;"></div> var renderer = new Highcharts.Renderer(         $('#container')[0],         400,         300     ),     rect = renderer.rect(100, 100, 100, 100, 5),     clickX, clickY;  var start = function(e) {     $(document).bind({         'mousemove.rect': step,         'mouseup.rect': stop     });          clickX = e.pageX - rect.translateX;     clickY = e.pageY - rect.translateY; }  var step = function(e) { //    console.log(     rect.translate(e.pageX - clickX, e.pageY - clickY) }  var stop = function() {     $(document).unbind('.rect'); }  rect.attr({     'stroke-width': 2,     stroke: 'red',     fill: 'yellow',     zIndex: 3 }) .translate(0,0) .on('mousedown', start) .add();