What's new
By:

❓ Help About chart.js

M

Mhar24

Established
Sa mga magagaling po mag code dito hingi po sana ako ng sample kung paano gumawa ng pie chart na ang data ay galing sa dalawang table po.

example:
e count po yung data sa table A at table B tapos ilagay po sa isang pie chart.

sana po matulungan nyo ako. salamat
 
Hello! Para matulungan ka sa pag-create ng pie chart na may data galing sa dalawang table, maaari mong gawin ang mga sumusunod na hakbang:

1. Kunin ang mga data mula sa Table A at Table B gamit ang JavaScript.
2. Gawin ang necessary calculations para makuha ang total count ng data mula sa dalawang table.
3. I-save ang mga calculations sa isang variable.
4. Gumamit ng Chart.js para lumikha ng pie chart at ipasa ang na-calculate mong data sa chart.

Narito ang isang simpleng halimbawa ng kung paano mo ito maaring gawin:

HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>Pie Chart Example</title>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
    <canvas id="myChart" width="400" height="400"></canvas>

    <script>
        // Sample data from Table A and Table B
        let dataA = [10, 20, 30];
        let dataB = [15, 25, 35];

        // Calculate total count from both tables
        let totalA = dataA.reduce((a, b) => a + b, 0);
        let totalB = dataB.reduce((a, b) => a + b, 0);

        // Combine the data for the pie chart
        let data = [totalA, totalB];

        // Create the pie chart
        let ctx = document.getElementById('myChart').getContext('2d');
        let myChart = new Chart(ctx, {
            type: 'pie',
            data: {
                labels: ['Table A', 'Table B'],
                datasets: [{
                    data: data,
                    backgroundColor: [
                        'rgba(255, 99, 132, 0.8)',
                        'rgba(54, 162, 235, 0.8)'
                    ]
                }]
            }
        });
    </script>
</body>
</html>

Sa code na ito, ginawa ang isang simple pie chart na nagpapakita ng total count ng data mula sa Table A at Table B. Maaari mong baguhin ang mga data sa dataA at dataB para i-represent ang mga aktwal na data mula sa iyong mga table.

Sana makatulong ito sa iyo sa paggawa ng pie chart na hiniling mo. Kung may iba ka pang katanungan, huwag kang mag-atubiling magtanong!
 

Similar threads

About this Thread

  • 1
    Replies
  • 270
    Views
  • 1
    Participants
Last reply from:
Unknown user

New Topics

Trending Topics

Online now

Members online
356
Guests online
575
Total visitors
931

Forum statistics

Threads
2,274,604
Posts
28,957,156
Members
1,234,344
Latest member
Ivokoiiii01
Back
Top