 
     can_be_shown_as_table: -> true
 
+    margins:
+      top: 20
+      bottom: 35
+      left: 30
+      right: 40
+
     # This method is called right before rendering because the series are
     # added when the JSON request is complete, ie after the initialize method
     #

        svg: @svg
        series: series_for_legend
        width: @width
        vertical_offset: @series_height + 20
        columns: 2

      @x = d3.scale.ordinal().rangeRoundBands([0, @width - 25])

    draw: =>
      @setup_series()

      @width  = @available_width()  - (@margins.left + @margins.right)
      @height = @available_height() - (@margins.top + @margins.bottom)

      legend_height = @legend_cell_height
      legend_margin = 20
      @series_height = @height - legend_height - legend_margin

      @svg = d3.select(@container_selector())
        .append("svg:svg")
        .attr("height", @height + @margins.top + @margins.bottom)
        .attr("width", @width + @margins.left + @margins.right)
        .append("svg:g")
        .attr("transform", "translate(#{@margins.left}, #{@margins.top})")

      # Ugly stuff. Check the db to see which series have been defined.
      # Since this chart is very specific the series could actually be
