         .attr('class', 'sector_label')
         .attr('transform', "translate(0, #{@label_offset})")
 
-      sector_group.append("svg:line")
+      @svg.selectAll(".sector_line")
+        .data(@sector_list.models, (d) -> d.get 'key' )
+        .enter().append("svg:line")
         .attr('class', 'sector_line')
         .attr("stroke-width", "1px")
         .attr("fill", "none")
         .attr("stroke", "#000000")
         .attr("x1", 0)
         .attr("x2", 0)
-        .attr("y1", -25)
-        .attr("y2", -5)
+        .attr("y1", @label_offset - 25)
+        .attr("y2", @label_offset - 2)
 
       sector_label = sector_group.append("svg:text")
         .attr("text-anchor", "end")

      average_width = @x(total_value / @sector_list.models.length)

      sector_label = @svg.selectAll("g.sector_label")
        .data(@sector_list.models, (d) -> d.get 'key' )
        # .transition().duration(500)
        .attr('transform', (d) => "translate(#{@x(d.total_value() / 2)}, #{@label_offset})")
        .select('text')


            d3.select(label)
              .attr('transform', 'translate('+ el.translate + ')')

          # The current label becomes prevLabel in the next iteration.
          return label
