Chart.js blank menampilkan halaman kosong

ini code untuk menampilkan chartjsnya


<!DOCTYPE html>
<html>
<head>
<title>Creating Dynamic Data Graph using PHP and Chart.js</title>
<style type="text/css">
BODY {
    width: 550PX;
}

#chart-container {
    width: 100%;
    height: auto;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/chart.js"></script>

</head>
<body>
    <div id="chart-container">
        <canvas id="graphCanvas"></canvas>
    </div>

    <script>
        $(document).ready(function () {
            showGraph();
        });

        function showGraph()
        {
            {
                $.post("data.php",
                function (data)
                {
                    console.log(data);
                     var merk = [];
                    var jumlah = [];

                    for (var i in data) {
                        merk.push(data[i].merk);
                        jumlah.push(data[i].jumlah);
                    }

                    var chartdata = {
                        labels: merk,
                        datasets: [
                            {
                                label: 'Penjualan',
                                backgroundColor: '#49e2ff',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: jumlah
                            }
                        ]
                    };

                    var graphTarget = $("#graphCanvas");

                    var barGraph = new Chart(graphTarget, {
                        type: 'bar',
                        data: chartdata
                    });
                });
            }
        }
        </script>

</body>
</html>

ini code untuk data.php nya


<?php
header('Content-Type: application/json');

include 'koneksi.php';

$sqlQuery = "SELECT merk, jumlah FROM chart";

$result = mysqli_query($conn,$sqlQuery);

$data = array();
foreach ($result as $row) {
	$data[] = $row;
}

mysqli_close($conn);

echo json_encode($data);
?>

tolong dong master ini salah dibagian mana ya kok bisa tidak tampil? trima kasih

avatar agnesoctamia
@agnesoctamia

2 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban