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

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

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

Patipat
PHP Super Hero Member
PHP Super Hero Member
Posts: 996
Joined: 10/06/2019 10:12 am

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

Post by Patipat » 18/06/2019 7:06 pm

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


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

Code: Select all

 
 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]
    }]
});
 
 
If you fall, let you stand. :)

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19845
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan » 18/06/2019 7:30 pm

ต้องมีการสร้างไฟล์ js เพื่อรับข้อมูลจาก ฐานข้อมูลอีกไหมครับ
ต้องดูรุปแบบของ High Chart

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22540
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 18/06/2019 9:25 pm

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

Code: Select all

<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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22540
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 18/06/2019 9:28 pm

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

Code: Select all

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

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

Code: Select all

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
Posts: 996
Joined: 10/06/2019 10:12 am

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

Post by Patipat » 19/06/2019 11:09 am

ขอบคุณครับผม :-o
If you fall, let you stand. :)

Post Reply

Return to “Programming - PHP”

Users browsing this forum: No registered users and 14 guests