Google Charts ဆိုတာဘာလဲ။
Google Maps သည် Google API တစ်ခုဖြစ်သည်။
Google Fonts သည် Google API တစ်ခုဖြစ်သည်။
Google Charts သည် Google API တစ်ခုဖြစ်သည်။
သင့်ဝဘ်စာမျက်နှာသို့ Google Charts များထည့်နည်းကို လေ့လာပါ။
ဥပမာ
Google Pie ဇယား
ရိုးရှင်းသော အခြေခံ ဝဘ်စာမျက်နှာဖြင့် စတင်ပါ။
ID "piechart" ဖြင့် <div> ဒြပ်စင်တစ်ခုကို ထည့်ပါ-
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<div id="piechart"></div>
</body>
<html>
google.com တွင် Chart API ကို ကိုးကားချက်တစ်ခုထည့်ပါ-
ဥပမာ
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
ပြီးလျှင် JavaScript လုပ်ဆောင်ချက်ကို ထည့်ပါ-
ဥပမာ
<script type="text/javascript">
// Load google charts
google.charts.load('current',
{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
// Draw the chart and set the chart values
function drawChart() {
var data =
google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 8],
['Friends', 2],
['Eat', 2],
['TV',
2],
['Gym', 2],
['Sleep', 8]
]);
// Optional; add
a title and set the width and height of the chart
var options = {'title':'My
Average Day', 'width':550, 'height':400};
// Display the chart
inside the <div> element with id="piechart"
var chart = new
google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>