<%= render_tabs easy_issue_report_tabs(@project) -%>

<% include_jqplot_scripts %>

<script type="text/javascript">
  function createChart(chart_id, chart_type, data, ticks) {
    if (data.length === 0 || data[0].length === 0) return;
    // $('#' + chart_id).width(400 + (ticks.length * 30));
    var chart = c3.generate({
      bindto: '#' + chart_id,
      data: {
        columns: data,
        type: chart_type
      },
      size: {
        height: 500
      },
      axis: {
        x: {
          type: 'category',
          categories: ticks,
          height: 70,
          tick: {
            fit: false
          }
        },
        y: {
          min: 0
        },
        y2: {
          min: 0,
        }
      },
      legend: {
        show: true,
      }
    });
  }
</script>
<style type="text/css">
  table.issue-report {
    table-layout: auto;
  }
  #simple_list_container.autoscroll, #simple_chart_container.autoscroll,
  #details_list_container.autoscroll, #details_chart_container.autoscroll {
    clear: none;
  }
</style>
