<?php
$num_per_day_booking = isset($num_per_day_booking)?$num_per_day_booking:'';
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<i class="fa fa-bar-chart"></i>
</h1>
</section>
<!-- Main content -->
<section class="content">
<!-- Small boxes (Stat box) -->
<div class="row">
<div class="col-md-12">
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">Bookings / day</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body chart-responsive">
<div class="chart" id="bar-chart" style="height: 300px;"></div>
</div><!-- /.box-body -->
</div>
</div>
</div>
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<script>
$(function () {
'use strict';
var bar = new Morris.Bar({
element: 'bar-chart',
resize: true,
data: [
<?php echo $num_per_day_booking;?>
],
barColors: ['#00a65a', '#f56954'],
xkey: 'y',
ykeys: ['a'],
labels: ['Racers', 'Racers'],
hideHover: 'auto'
});
});
</script>