JavaScript不回显来自数据库的值

Question

The first thing I get values from database with no problem. Then I can echo the values but after The values turn in to null. Somehow the values do not pass this point. Here are my codes.

php and mysql part

$rows = array();
$result = mysql_query("SELECT * FROM kayitlar");
$i=1;
while($row = mysql_fetch_array($result)) {
  $rows []= array(
    'id' => $row['id'],
    'ad' => $row['ad'],
    'saat' => $row['saat'],
  );        

        $i++;


        }

No problem till this point. Here is the rest of the code that I am having problem

<script type="text/javascript">
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {
      title:{
        text: "title"    
      },
      animationEnabled: true,
      axisY: {
        title: "Zaman (saat)"
      },
      legend: {
        verticalAlign: "bottom",
        horizontalAlign: "center"
      },
      theme: "theme2",
      data: [

      {        
        type: "column",  
        showInLegend: true, 
        legendMarkerColor: "grey",
        legendText: "saat",
        dataPoints: [      

        {y:<?php echo json_encode($row['ad']);  ?>, label: "<?php echo json_encode($row['saat']);  ?> "},


        ]
      }   
      ]
    });

    chart.render();
  }

  </script> 

here where I stuck <?php echo json_encode($row['ad']); ?> <?php echo json_encode($row['ad']); ?> is getting no value

Answer 1

Your $rows array indexed array which contain your keys in every index. So you need to extract your keys value pair from array.

After your while loop completed, add following codes

$arr['ad'] = array_column($rows,"ad");
$arr['saat'] = array_column($rows,"saat");
$arr['id'] = array_column($rows,"id");

Now use this in your jS

<script type="text/javascript">
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {
      title:{
        text: "title"    
      },
      animationEnabled: true,
      axisY: {
        title: "Zaman (saat)"
      },
      legend: {
        verticalAlign: "bottom",
        horizontalAlign: "center"
      },
      theme: "theme2",
      data: [

      {        
        type: "column",  
        showInLegend: true, 
        legendMarkerColor: "grey",
        legendText: "saat",
        dataPoints: [      

        {y:<?php echo json_encode($arr['ad']);  ?>, label: "<?php echo json_encode($arr['saat']);  ?> "},


        ]
      }   
      ]
    });

    chart.render();
  }

  </script> 

Answer 2

Your array is multidimensional array so simple use array_column to get specific column value from each index and apply json_encode()

<?php echo json_encode(array_column($rows,'ad'));  ?>
<?php echo json_encode(array_column($rows,'saat'));  ?>