diff --git a/app/assets/javascripts/chart.js.coffee b/app/assets/javascripts/chart.js.coffee index 7040ebc6c650190caeaf621e597237d3cdf49a73..989f48e5e7597c411344704288c93d5f8f2f6682 100644 --- a/app/assets/javascripts/chart.js.coffee +++ b/app/assets/javascripts/chart.js.coffee @@ -4,9 +4,18 @@ init: (labels, values, title) -> r = Raphael('activity-chart') + + fin = -> + @flag = r.popup(@bar.x, @bar.y, @bar.value or "0").insertBefore(this) + + fout = -> + @flag.animate + opacity: 0, 300, -> @remove() + r.text(160, 10, title).attr font: "13px sans-serif" r.barchart( - 10, 10, 400, 160, + 10, 20, 560, 200, [values], {colors:["#456"]} ).label(labels, true) + .hover(fin, fout) diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index 4e7aa968ea74ab3dd493479fd63a8e69f65bd6cb..0f66536b2b453ff9cefb4b70a761c5c704aa13e4 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -555,3 +555,8 @@ img.emoji { text-shadow: 0 1px 1px #111; font-weight: normal; } + +.chart { + overflow: hidden; + height: 220px; +} diff --git a/app/views/repositories/stats.html.haml b/app/views/repositories/stats.html.haml index e8cf5eb908d2fd6b8e889e6be65b340b8ba581be..d448c669271c5436a4528c6f1474eaf552a32f53 100644 --- a/app/views/repositories/stats.html.haml +++ b/app/views/repositories/stats.html.haml @@ -1,8 +1,8 @@ = render "commits/head" .row - .span5 - %h4 - Stats: + .span6 + %div#activity-chart.chart + %hr %p %b Total commits: %span= @stats.commits_count @@ -13,9 +13,8 @@ %b Authors: %span= @stats.authors_count - %br - %div#activity-chart - .span7 + + .span6 %h4 Top 50 Committers: %ol.styled - @stats.authors[0...50].each do |author|