       .attr 'stop-color', '#ccc'
 
     svg = topSvg
-      .attr 'width', width + (margin.left + margin.right)
-      .attr 'height', height + (margin.top + margin.bottom )
+      .attr 'width', width + (margins.left + margins.right)
+      .attr 'height', height + (margins.top + margins.bottom)
       .append 'g'
-      .attr 'transform', "translate(#{margin.left}, #{margin.top})"
-
-    x.domain d3.extent(chartData, (d) => d.date)
-    y.domain d3.extent(chartData, (d) => d.rank)
+      .attr 'transform', "translate(#{margins.left}, #{margins.top})"
 
     svg.append 'g'
       .attr 'class', 'chart__axis chart__axis--x'



  _rankHistory: ->
    rawData = @props.rankHistories.data.filter (rank) -> rank > 0

    startDate = moment().subtract(rawData.length, 'days')

      .y (d) => y d.rank
      .interpolate 'monotone'

    topSvg = d3.select(@refs.chartArea).append('svg')

    xAxisLine = topSvg.append 'defs'
      .append 'linearGradient'
