|  | 
	                
  
    | 
	 
        พลอตกราฟ จากตาราง ใน phpmyadmin แบบแยกข้อมูลตาม column ในตาราง (แยกชื่อ)     |  
    |  |  
 
              
  
    | 
 
        
          |  |  |  |  |  
          |  |  | 
            
              | คุณไปอ่าน Document ใน Web ที่ผมแนะนำไปหรือยังครับ? 
 http://www.jqplot.com
 
 |  
              | 
                
                  |  |  |  |  
                  |  | 
                      
                        | Date :
                            2019-11-15 15:47:56 | By :
                            Manussawin |  |  |  
                  |  |  |  |  |  |  |  
          |  |  |  |  |  
 
 
        
          |  |  |  |  |  
          |  |  | 
            
              | ผมได้ลองๆประยุกต์กับ code ทำกราฟปกติดูครับ ไม่ค่อยเข้าใจว่าต้องเขียนแบบไหนครับ แบบไม่ต้องมานั่ง WHERE ชื่อ  = ได้มั้ยครับ เพราะข้อมูลบางทีก็มีคนกรอกเข้ามาหลายคน หลายชื่อ ต้องการจะพลอตแยกคน แยกกราฟไปเลยครับ Code (PHP)
 
 <br><br><a href="index.php"><input name="btnSubmit" type="submit" value=" <<< กลับหน้าแรก "></a><br>
<?php
    require 'Connect.php';
		$NumMiles = $_POST['NumMiles'];
		$DateAccept = $_POST['DateAccept'];
    $graph = "SELECT * FROM nummilesinfor WHERE FirstName = 'สิรวิชญ์' ";
    $result = mysqli_query($dbcon, $graph);
    if ($result) {
      echo "เพิ่มข้อมูลเรียบร้อย";
      echo "<br>";echo "<br>";echo "<br>";
    } else{
      echo "เกิดข้อผิดพลาด".mysqli_error($dbcon);
    }
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>easy chart</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<!-- ตั้งค่า -->
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        //ชื่อกราฟ
        title: {
            text: 'กราฟกำหนดระยะเวลาการสลับยางของลูกค้า ',
            x: -20 //center
        },
        subtitle: {
            text: 'http://www.highcharts.com/',
            x: -20
        },
        //แนวนอน
        xAxis:   title: {
							text: 'วันที่ ลูกค้ากรอกเลขไมล์เข้ามา'
					},
					plotLines: [{
							value: 0,
							width: 1,
							color: '#808080'
					}]
				{
            data: [
							<?php
							echo $DateAccept
						  ?>
        },
        //ชื่อข้อมูลแนวตั้ง
        yAxis: {
            title: {
                text: 'เลขไมล์ของรถยนต์ลูกค้า(กิโลเมตร)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: 'กิโลเมตร'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
        //     name: 'Tokyo',
        //     data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        // }, {
            name: 'ข้อมูลของลูกค้า',
            data: [
            <?php  //วนซ้ำข้อมูล 1-12
                for ($i = 0; $i < 12; $i++) {
                    if($i>0){
                        echo ',';
                    }
                    echo $NumMiles; //ข้อมูลตัวเลข
                }
            ?>
            ]
        },
            ?>]
        }]
    });
});
</script>
</head>
<body>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>
 |  
              | 
                
                  |  |  |  |  
                  |  | 
                      
                        | Date :
                            2019-11-18 16:08:22 | By :
                            SmartMRT |  |  |  
                  |  |  |  |  |  |  |  
          |  |  |  |  |  
 
        
          |  |  |  |  |  
          |  |  | 
            
              | รบกวนขอความช่วยเหลือหน่อยครับผม T T ติดต่อทางเมลได้ครับ [email protected] หรือ
 Facebook : Mart Sirawit
 Line : smartheartfood
 
 |  
              | 
                
                  |  |  |  |  
                  |  | 
                      
                        | Date :
                            2019-11-21 11:43:24 | By :
                            SmartMRT |  |  |  
                  |  |  |  |  |  |  |  
          |  |  |  |  |  |  |