     # @element.getElementsByClassName('.left-handle').fadeOut()
     # # @element.find('.right-handle').fadeOut()
 
-    # @element.style.left = @toCanvasXPoint(e) + "px"
+    @element.style.left = @toCanvasXPoint(e) + "px"
     @element.style.position = 'absolute'
     @element.style.top = e.target.offsetTop + "px"
     @element.style.height = (@canvas.height - 2) + 'px'

    @largestX  = Math.max @data.x...
    @largestY  = Math.max @data.y...

    console.log 'ORIGINAL MIN: ', @smallestX

    @dataLength = Math.min @data.x.length, @data.y.length

    @originalMin = @smallestX
    for xValue, idx in [@data.x...]
      @data.x[idx] = xValue - @smallestX

    console.log 'CURRENT MIN:', @data.x[0]

    # remove outliers and normalize
    @removeOutliers(nsigma=3)

    @element.addEventListener 'mouseover', @onMouseOver
    @element.addEventListener 'mouseout', @onMouseOut

  minWidth: -> parseFloat(@canvasGraph.toCanvasXCoord(0.5)) #15 * (@canvasGraph.scale || 1)
  maxWidth: -> parseFloat(@canvasGraph.toCanvasXCoord(3))    # * (@canvasGraph.scale || 1)
  handleWidth: -> 16 * (@canvasGraph.scale || 1)

  draw: (e) ->
