<%= javascript_include_tag 'highcharts','highcharts-more' %>
<div class="project_r_h">
  <h2 class="project_h2"><%= l(:label_quality_analyses) %></h2>
</div>

<div class="repository_con " style="line-height:1.9;">
  <%#= render :partial => 'navigation' %>
  <div class="cl"></div>
</div>

<div id = "container">
</div>
<div id = "container_quality" class="mt30">
</div>

<script>
    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'pie',
                options3d: {
                    enabled: true,
                    alpha: 45,
                    beta: 0
                }
            },
            title: {
                text: 'Browser market shares at a specific website, 2014'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    depth: 35,
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}'
                    }
                }
            },
            series: [{
                type: 'pie',
                name: 'Browser share',
                data: [
                    ['Firefox',   45.0],
                    ['IE',       26.8],
                    {
                        name: 'Chrome',
                        y: 12.8,
                        sliced: true,
                        selected: true
                    },
                    ['Safari',    8.5],
                    ['Opera',     6.2],
                    ['Others',   0.7]
                ],
                dataLabels: {
                    enabled: true,
                    style: {
                        fontSize: '13px',
                        color: '#aaa',
                        fontFamily: 'Arial',
                        textShadow: '0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(f, f, f)',
                        fontWeight: 'normal'
                    }
                }
            }]
        });
    });
</script>

<p><%= link_to l(:button_back), :action => 'show', :id => @project %></p>
<% html_title(l(:label_repository), l(:label_statistics)) -%>

<script>
    $(".project_r_h").parent().css({"width":"730px","background-color":"#fff","padding":"10px","margin-left":"10px","margin-bottom":"10px"});
</script>