frontend(view)

      <!-- Full Width Column -->
      <div class="content-wrapper">
        <div class="container-fluid">
          <!-- Content Header (Page header) -->
          <section class="content-header">
            <h1>
              SEMUA DATA
              <small></small>
            </h1>
           <!--  <ol class="breadcrumb">
              <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
              <li class="active">Dashboard</li>
            </ol> -->
          </section>

          <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                    <STRONG>
                        GRAFIK DATA MONITORING SETIAP BULAN DALAM SETAHUN
                    </STRONG>
                    </h1>
                    <ol class="breadcrumb">
                        <button style="height:33px">Tampilkan</button>
                        <li><select id="tgl_input" style="padding-top:1px; padding-right:80px" class="form-control">
                          <!-- <option>-Pilih Tahun-</option> -->
                          <option value="2015">2015</option>
                          <option value="2016">2016</option>
                        </select></li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                  <div class="row">
                    <div class="col-lg-12 col-xs-6">
                      <div id="charto"></div>
                    </div>
                  </div>

                  <!-- <div class="row">
                    <div class="col-lg-6 col-xs-6">
                      <div id="charto"></div>
                    </div>
                    <div class="col-lg-6 col-xs-6">
                      <div id="charto"></div>
                    </div>
                  </div> -->

                </section><!-- /.content -->
             <!-- Main content -->

      <!-- <div class="navbar navbar-default navbar-fixed-bottom"> -->
      <footer class="main-footer">
        <div class="container-fluid">

          <div class="pull-right hidden-xs">
            <b>Version</b> 1.0
          </div>
          <strong>Copyright &copy; 2015 <a href="#"></a></strong>
          </div>
        <!-- /.container -->
      </footer>
      <!-- </div> -->
    </div><!-- ./wrapper -->
        <!-- jQuery 2.1.3 -->
    <script src="<?php echo base_url(); ?>plugins/jQuery/jQuery-2.1.3.min.js"></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="<?php echo base_url(); ?>bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- DATA TABES SCRIPT -->
    <!-- SlimScroll -->
    <script src="<?php echo base_url(); ?>plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!-- FastClick -->
    <script src='<?php echo base_url(); ?>plugins/fastclick/fastclick.min.js'></script>
    <!-- AdminLTE App -->
    <script src="<?php echo base_url(); ?>dist/js/app.min.js" type="text/javascript"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="<?php echo base_url(); ?>dist/js/demo.js" type="text/javascript"></script>
    <!-- page script -->


    <script type="text/javascript" src="<?php echo base_url();?>assets/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/highcharts/modules/exporting.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/highcharts/themes/grid.js"></script>
    <script type="text/javascript">
      jQuery(function(){
        new Highcharts.Chart({
          chart: {
            renderTo: 'charto',
            type: 'column',
          },
          title: {
            text: 'DATA PERMINTAAN',
            x: -20
          },
          subtitle: {
            text: 'Total Permintaan per Tahun',
            x: -20
          },
          xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun',
            'Jul', 'Ags', 'Sep', 'Okt', 'Nov', 'Des']
          },
          yAxis: {
            title: {
              text: 'Jumlah Permintaan'
            }
          },
          series: [{
            name: 'DATA PERMINTAAN',
            data: <?php echo json_encode($grafik); ?>
          }]
        });
      });
    </script>


  </body>
</html>