อยากทราบวิธี ดึงข้อมูลจากฐานข้อมูลมาแสดงบนกราฟ High Chart

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderator: mindphp, ผู้ดูแลกระดาน

Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 996
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

อยากทราบวิธี ดึงข้อมูลจากฐานข้อมูลมาแสดงบนกราฟ High Chart

โพสต์ที่ยังไม่ได้อ่าน โดย Patipat »

ผมต้องการดึงข้อมูลจาก ฐานข้อมูลมาแสดงข้อมูลในกราฟ High Chart ตามภาพด้านล่างครับ ที่มีข้อมูลของ
ชื่อข้อมูล และ ข้อมูล
ชื่อข้อมูลคือ อัตราดอกเบี้ย ข้อมูลจะเป็นตัวเลขครับ ต้องมีการสร้างไฟล์ js เพื่อรับข้อมูลจาก ฐานข้อมูลอีกไหมครับ
Selection_929.png
Selection_929.png (23.13 KiB) Viewed 2145 times
ตัวอย่าง โค๊ดครับ จะดึงข้อมูลจากฐานข้อมูลมาใส่ตรง Code series ครับ
series: [{
name: 'อัตราดอกเบี้ย',
data: [10000]
}, {
name: 'เงินต้น',
data: [20000]
}]


โค๊ดเต็มครับ

โค้ด: เลือกทั้งหมด

 
 Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'กราฟแสดงผล เปรียบเทียบอัตราดอกเบี้ยและเงินกู้สินเชื่อบ้าน'
    },
    xAxis: {
        categories: ['เงินทั้งหมดที่ต้องใช้คืน']
    },
    yAxis: {
        min: 0,
        title: {
            text: 'จำนวณเงิน'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        }
    },
    legend: {
        align: 'right',
        x: -30,
        verticalAlign: 'top',
        y: 25,
        floating: true,
        backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
    },
    tooltip: {
        headerFormat: '<b>{point.x}</b><br/>',
        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
            }
        }
    },
    series: [{
        name: 'อัตราดอกเบี้ย',
        data: [10000]
    }, {
        name: 'เงินต้น',
        data: [20000]
    }]
});
 
 
Kor ma di kub. :)
ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

Re: อยากทราบวิธี ดึงข้อมูลจากฐานข้อมูลมาแสดงบนกราฟ High Chart

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

ต้องมีการสร้างไฟล์ js เพื่อรับข้อมูลจาก ฐานข้อมูลอีกไหมครับ
ต้องดูรุปแบบของ High Chart
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41238
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: อยากทราบวิธี ดึงข้อมูลจากฐานข้อมูลมาแสดงบนกราฟ High Chart

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

echo ค่า จาก php ลงไปในไฟล์ที่ทำงานอยู่ หรือ ในส่วนของ tag javascript
ตัวอย่าง

โค้ด: เลือกทั้งหมด

<script type="text/javascript">
<?php echo $row['var']; ?>
</script>
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41238
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: อยากทราบวิธี ดึงข้อมูลจากฐานข้อมูลมาแสดงบนกราฟ High Chart

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ทำความเข้าใจเพิ่มเติมเรื่องค่าที่แสดง ใน javascript
ตัวอย่างให้ alert ข้อความ ขึ้นบนหน้าจอ

โค้ด: เลือกทั้งหมด

<?php
$test = 'mindphp.com';
?>
<html>
    <body>
        <script>
alert ("<?php echo $test;?>");
        </script>
    </body>
</html>

หรือ แทน alert ("<?php echo $test;?>");
เพื่อทำความเข้าใจเรื่อง ' " ใน tag javascript

โค้ด: เลือกทั้งหมด

alert ('<?php echo "mindphp.com";?>');
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 996
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

Re: อยากทราบวิธี ดึงข้อมูลจากฐานข้อมูลมาแสดงบนกราฟ High Chart

โพสต์ที่ยังไม่ได้อ่าน โดย Patipat »

ขอบคุณครับผม :-o
Kor ma di kub. :)
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 127