Question

<div id="chart-container">
    <canvas id="graphCanvas"></canvas>
</div>
<script>
    $(document).ready(function () {
        showGraph();
    });
    function showGraph()
    {
        {
            $.post("grafik1.php",
            function (data)
            {
                console.log(data);
                 var name = [];
                var marks = [];

                for (var i in data) {
                    name.push(data[i].nama);
                    marks.push(data[i].jumlah_warga);
                }

                var chartdata = {
                    labels: name,
                    datasets: [
                        {
                            label: 'Nama Kota',
                            backgroundColor: '#49e2ff',
                            borderColor: '#46d5f1',
                            hoverBackgroundColor: '#CCCCCC',
                            hoverBorderColor: '#666666',
                            data: marks`enter code here`
                        }
                    ]
                };

                var graphTarget = $("#graphCanvas");

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

上面的代码是我用来从grafik.php调用json数据的代码，下面的代码是grafik1.php的代码

<?php
  header('Content-Type: application/json');
  include "conf/conn.php";
  $sql = "SELECT nama,jumlah_warga FROM kota";
  $stmt = sqlsrv_query( $conn, $sql );

    if( $stmt === false)
{
    echo "Error in query preparation/execution.\n";  
    die( print_r( sqlsrv_errors(), true));  
}
    $data = array();
    while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_ASSOC))
{    
    $data[] = $row;
}
   echo json_encode($data);
   ?>

当我使用标题时，它显示为空白，但是当我不使用它时，它仅显示没有任何值或未定义的图形，就像json为空。我想要的是将SQL Server中的select解析为json，并通过索引上的ajax调用它。我该怎么办？

尝试在SQL Server中使用从SQLServer到JSON的数据使用Chart显示空白

0 个答案: