- param = {} unless param
- graph_height = param[:graph_height] || 100
- bar_width = param[:bar_width] || 14
- graph_width = (bar_width * histogram[:data].count) + 20
:css
  .hist_bar {
    width: #{bar_width-1}px;
    position: absolute;
    background-color: lightblue;
  }
  .hist_fill {
    width: #{bar_width-1}px;
    position: absolute;
    background-color: #eee;
  }
  .hist_text {
    position: absolute;
    font-size:5px;
  }

%div{style: "position: relative; width: #{graph_width}px; height: 125px; background-color:#fff;" }
  //draw background
  - histogram[:data].each_index do |i|
    - height = histogram[:data][i] * graph_height / histogram[:summary][:max]
    - top = graph_height - height
    - left = graph_width - (i+1)*bar_width
    %div.hist_fill{style: "top: 0px; height: #{graph_height - height}px; left: #{left}px;" }
  // draw horizontal line
  - line = 3
  - line.times do |i|
    - top = graph_height - graph_height * (i+0.5)/ line
    %div{style: "position:absolute;width: #{graph_width-21}px;height: 1px;left: 20px;top:#{top}px;background-color: #333;"}
    %div.hist_text{style: "position:absolute;left: 0px;top:#{top-6}px"}
      =((i+0.5) * histogram[:summary][:max] / line).to_i
  // draw the actual bar and text
  - @histogram[:data].each_index do |i|
    - height = histogram[:data][i] * graph_height / histogram[:summary][:max]
    - top = graph_height - height
    - left = graph_width - (i+1)*bar_width
    %div.hist_bar{style: "top: #{top}px; height: #{height}px; left: #{left}px; dae: #{histogram[:data][i]}" }
    - if i % 7 == 1
      %div.hist_text{style: "top:#{graph_height + 5}px;left: #{left}px;"} #{(Time.zone.today - i.day).strftime('%-d')}
    - if (Time.now.in_time_zone - i.day).day == 15
      %div.hist_text{style: "top:#{graph_height + 15}px;left: #{left}px;"} #{(Time.zone.today - i.day).strftime('%b')}