         .orient("bottom")
       @svg.append("svg:g")
         .attr("class", "x_axis inner_grid")
-        .attr("transform", "translate(15, #{@series_height})")
+        .attr("transform", "translate(0, #{@series_height})")
         .call(@x_axis)
 
       # rotated labels
       @svg.append('svg:g')
-        .attr('transform', "translate(#{(@width - 15) / 2}, #{@series_height + 25})")
+        .attr('transform', "translate(#{(@series_width) / 2}, #{@series_height + 25})")
         .append('text')
         .attr('class', 'label')
         .attr("text-anchor", "middle")
         .text(@x_axis_unit())
       @svg.append('svg:g')
-        .attr('transform', "rotate(270) translate(#{-@series_height / 2}, -15)")
+        .attr('transform', "rotate(270) translate(#{-@series_height / 2}, -30)")
         .append('text')
         .attr('class', 'label')
         .attr("text-anchor", "middle")

        vertical_offset: @series_height + legend_margin
        columns: legend_columns

      @x = d3.scale.linear().range([0, @width - 15])
        .domain([0, 100])
      @y = d3.scale.linear().range([0, @series_height])
        .domain([0, 100])

      @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)
