           at: 'top center'
 
     refresh: =>
-      @x = @x.domain([0, @max_x()])
-      @y = @y.domain([@max_y(), 0])
-      @inverted_y = @inverted_y.domain([0, @max_y()])
+      @x.domain([0, @max_x()])
+      @y.domain([@max_y(), 0])
+      @inverted_y.domain([0, @max_y()])
 
       # animate the y-axis
       @svg.selectAll(".y_axis").transition().call(@y_axis.scale(@inverted_y))
       @svg.selectAll(".x_axis").transition().call(@x_axis.scale(@x))
-
 
       @svg.selectAll('circle.serie')
         .data(@series, (d) -> d.get 'gquery_key')

    margins:
      top: 20
      bottom: 20
      left: 40
      right: 10

    draw: =>

      @y_axis = d3.svg.axis()
        .scale(@inverted_y)
        .ticks(4)
        .tickSize(-@series_width, 0)
        .orient("left")
      @svg.append("svg:g")
        .attr("class", "y_axis inner_grid")
        .call(@y_axis)
      @x_axis = d3.svg.axis()
        .scale(@x)
