       .ticks 0
       .outerTickSize 0
       .orient 'bottom'
-
-
-  margins:
-    top: 0
-    right: 40
-    bottom: 0
-    left: 40
 
 
   loadData: (data) =>

      .classed "#{bn}__bar", true
      .attr 'x1', 0
      .attr 'x2', 0
      .attr 'y1', 30
      .attr 'y2', 85

    points
      .append 'text'
      .classed "#{bn}__icon", true
      .style 'text-anchor', 'middle'
      .attr 'y', 100
      .html (d) =>
        icon = BeatmapDiscussionMessageType.icon[d.message_type]
        text = BeatmapDiscussionMessageType.iconText[d.message_type]

bn = 'beatmap-discussions-chart'

class @BeatmapDiscussionsChart
  dimensions:
    barHeight: 55
    barTop: 30
    iconTop: 100
    xAxisTop: 70
    xAxisHeight: 5


  margins:
    top: 0
    right: 40
    bottom: 0
    left: 40


  constructor: (area, @length) ->
    @scaleX = d3.scale.linear()
