<div id="main-content" class="main-content container">
            <!-- // page head -->
            <br>
            <div class="span12">
                            <div class="widget widget-simple widget-collapsible">
                                <div class="widget-header">
                                    <h4> <small>Grafik Pengunjung CG Digital</small></h4>

                                    <div class="widget-tool"><a class="btn btn-glyph btn-link widget-toggle fontello-icon-publish"  data-toggle="collapse" data-target="#grafik" href="javascript:void(0);"></a></div>
                                </div><br>
								<form canvas id="bar" name="bar" method="post" >
								<div id="grafik" align="center">
									Bulan
									<select name="bulan">
										<option value="01">Januari</option>
										<option value="02">Februari</option>
										<option value="03">Maret</option>
										<option value="04">April</option>
										<option value="05">Mei</option>
										<option value="06">Juni</option>
										<option value="07">Juli</option>
										<option value="08">Agustus</option>
										<option value="09">September</option>
										<option value="10">Oktober</option>
										<option value="11">November</option>
										<option value="12">Desember</option>
									</select>
									Tahun
									<select name="tahun">
										<?php
										$mulai= date('Y') - 50;
										for($i = $mulai;$i<$mulai + 100;$i++){
											$sel = $i == date('Y') ? ' selected="selected"' : '';
											echo '<option value="'.$i.'"'.$sel.'>'.$i.'</option>';
										}
										?>

								</div>

									</select>
									<button class="btn" >Submit</button>
								</form>
                                <div id="grafik" class="widget-content collapse in">
                                  <canvas id="charts"></canvas>
									<div class="widget-footer"></div>
                                </div>
                            </div>
                            <!-- // Widget -->

            </div>
                        <!-- // Column -->

        </div>
        <script>
            var ctx = $("#charts");
            var myChart = new Chart(ctx, {
                type: 'bar',
                data: {
                    labels: [<?php while ($b = mysqli_fetch_array($tanggal)) { echo '"' . $b['tanggal'] . '",';}?>],
                    datasets: [{
                            label: '# of Votes',
                            data: [<?php while ($p = mysqli_fetch_array($jumlah)) { echo '"' . $p['peng_setting'] . '",';}?>],
                            backgroundColor: [
                                'rgba(255, 99, 132, 0.2)',
                                'rgba(54, 162, 235, 0.2)',
                                'rgba(255, 206, 86, 0.2)',
                                'rgba(75, 192, 192, 0.2)',
                                'rgba(153, 102, 255, 0.2)',
                                'rgba(255, 159, 64, 0.2)'
                            ],
                            borderColor: [
                                'rgba(255,99,132,1)',
                                'rgba(54, 162, 235, 1)',
                                'rgba(255, 206, 86, 1)',
                                'rgba(75, 192, 192, 1)',
                                'rgba(153, 102, 255, 1)',
                                'rgba(255, 159, 64, 1)'
                            ],
                            borderWidth: 1
                        }]
                },
                options: {
                    scales: {
                        yAxes: [{
                                ticks: {
                                    beginAtZero: true
                                }
                            }]
                    }
                }
            });
        </script>