@extends("template.master")

@section("section_content")

<!-- Main content -->
<section class="content">
	<!-- Default box -->
	<div class="box-body chart-responsive">
		<div class="chart" id="line-chart" style="height: 300px;"></div>
	</div><!-- /.box-body -->

</div><!-- /.box-body -->
<script>
	$(function () {
		"use strict";
        // LINE CHART
        var line = new Morris.Line({
        	element: 'line-chart',
        	resize: true,
        	data: [
        	{y: '2011 Q1', item1: 2666},
        	{y: '2011 Q2', item1: 2778},
        	{y: '2011 Q3', item1: 4912},
        	{y: '2011 Q4', item1: 3767},
        	{y: '2012 Q1', item1: 6810},
        	{y: '2012 Q2', item1: 5670},
        	{y: '2012 Q3', item1: 4820},
        	{y: '2012 Q4', item1: 15073},
        	{y: '2013 Q1', item1: 10687},
        	{y: '2013 Q2', item1: 8432}
        	],
        	xkey: 'y',
        	ykeys: ['item1'],
        	labels: ['Item 1'],
        	lineColors: ['#3c8dbc'],
        	hideHover: 'auto'
        });
    </script>

</section><!-- /.content -->
@endsection