 
   componentWillReceiveProps:(newProps)->
     x1 = newProps.mark.x
-
-    console.log "newProps.mark.width", newProps.mark.width
     x2 = x1 + newProps.mark.width
     y1 = newProps.mark.y
     y2 = y1 + newProps.mark.height

    @setState pointsHash: @createRectangleObjects(x1, x2, y1, y2)

  createRectangleObjects: (x1 , x2, y1, y2) ->
    console.log "x1 , x2, y1, y2: #{x1} , #{x2}, #{y1}, #{y2}"
    if x1 < x2
      LX = x1
      HX = x2

  getDeleteButtonPosition: ()->
    points = @state.pointsHash["handleHLDrag"]
    x = points[0] + DELETE_BUTTON_DISTANCE_X / @props.xScale
    y = points[1] + DELETE_BUTTON_DISTANCE_Y / @props.yScale
    {x, y}

  getMarkButtonPosition: ()->
