 
   initializeSeries1LabelContainer: ->
     @series_1_label_container = @svg.append('g')
-      .attr('transform', "translate(0, #{@height + 30})")
-
-  appendSeries1Labels: ->
+
+  renderSeries1Labels: ->
     @series_1_labels = @series_1_label_container.selectAll('text.series1label')
       .data(@_data)
     @series_1_labels.enter()

        "rotate(#{rotate}, #{x}, #{y})"
      ).style("text-anchor", if rotate is 0 then 'middle' else 'end')
      .text((d) =>
        console.log(d.values)
        sum = d3.sum(value.values[0].value for value in d.values)
        "#{d.key} (#{sum})"
      )

    @series_2_labels.on('click', (d,i) =>

    @constructSeries1LabelMap()
    @rotateSeries1Labels() if @detect_overlaps(@series1LabelMap)

  renderSeries2Labels: (rotate = 0) ->
    @svg.selectAll('.series2label').remove()
    @series_2_labels = @series_1.selectAll('text.series2label')
      .data((d) -> d.values)
