@extends('layouts.app_admin')

  @section('content')


        
  <!-- sidebar-wrapper  -->
    <main class="page-content">
      <div class="container-fluid">
     

        <div class="row">
			
			<div id="chartContainer" style="height: 370px; width: 80%;"></div>           
        </div>
      </div>
    </main>
  <!-- page-content" -->
</div>

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<script>
window.onload = function() {
 
var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	title:{
		text: "Revenue Chart of Acme Corporation"
	},
	axisY: {
		title: "Revenue (in USD)",
		includeZero: true,
		prefix: "$",
		suffix:  "k"
	},
	data: [{
		type: "bar",
		yValueFormatString: "$#,##0K",
		indexLabel: "{y}",
		indexLabelPlacement: "inside",
		indexLabelFontWeight: "bolder",
		indexLabelFontColor: "white",
		dataPoints: [{"y":null,"label":"October"},{"y":null,"label":"September"},{"y":null,"label":"August"},{"y":null,"label":"july"},{"y":null,"label":"June"},{"y":null,"label":"May"}]	}]
});
chart.render();
 
}
</script>

<!-- page-wrapper -->
@endsection
<!-- Footer -->