Swarakalibata Ci - Grafik halaman back end pindah ke Front End

Assalam, tinggal copas script pada file grafik.php pada "application/views/administrator" kebagian
yang di inginkan pada halaman awal swarakalibata, jangan lupa file highcharts js dan css nya juga ya :
 
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
    $(function () {
        $('#container').highcharts({
            data: {
                table: 'datatable'
            },
            chart: {
                type: 'column'
            },
            title: {
                text: ''
            },
            yAxis: {
                allowDecimals: false,
                title: {
                    text: ''
                }
            },
            tooltip: {
                formatter: function () {
                    return '<b>' + this.series.name + '</b><br/>' +
                        'Ada ' + this.point.y + ' Orang';
                }
            }
        });
    });
</script>
 
<div class="box box-success">
    <div class="box-header">
    <h3 class="box-title">Grafik Kunjungan</h3>
       </div>
 
<div class="box-body chat" id="chat-box">
<div id="container" style="min-width: 310px; height: 340px; margin: 0 auto"></div>
<table id="datatable" style='display:none'>
    <thead>
        <tr>
            <th></th>
            <th>Jumlah Kunjungan</th>
        </tr>
    </thead>
    <tbody>
        <?php 
            $grafik = $this->model_app->grafik_kunjungan();
            foreach ($grafik->result_array() as $row){
                echo "<tr>
                        <th>".tgl_grafik($row['tanggal'])."</th>
                        <td>$row[jumlah]</td>
                      </tr>";
            }
        ?>
    </tbody>
</table>
</div><!-- /.chat -->
</div><!-- /.box (chat box) -->
 
Selesai, semoga bermanfaat.. 
hasilnya yang sudah kita cobakan disini bisa lihat dari prinscreen yang saya sertakan dibawah ini,..

udah di coba mas robby.. tetep ga tampil... highcharts js bukan nya dah langsung connect internet mas.. klo css direktorinya yg mna ya mas

Itu laptopnya konek ke internet gak mas?
karena untuk sumber file js dan css untuk highchart nya harus diload dalam keadaan online / terkoneksi internet,..
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

Konek kok ke internet mas robby..

tpi btw.. file css nya yang mana ya mas.. soalnya yg kliatan link nya js doank mas...

gak pake css file berarti mas, file js semuanya,.. :)

tpi knapa ga tampil ya mas robby

Sini kasih IP dan pass Teamviewer nya saja,..
saya coba cek langsung kesana,..

kapan bisa di cek mas robby..

Mas Robby.. grafik nya udah bisa niy.. cuma ada sedikit kendala.. file <script type="text/javascript" src="https://code.highcharts.com/highcharts.js"></script> klo saya ganti ke file lokal.. <script type="text/javascript" src="assets/js/highcharts.js"></script> grafik nya ga tampil mas.. blank..  padahal direktori nya dah bener.. dan file nya ada.. mohon pencerahan nya mas robby.. 
 

Assalam, maaf baru respon lagi ,Coba perbaiki menjadi seperti ini mas :
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/highcharts.js"></script>

masih ga tampil mas...

nama folder "assets" salah gak tu?
krn jika di swarakalibata nama foldernya "asset" bukan "assets",.

udah dibetulin mas.. tetep ga tampil..