ما هي مخططات جوجل؟
خرائط جوجل هي جوجل API
خطوط Google هي واجهة برمجة تطبيقات Google
مخططات Google هي واجهة برمجة تطبيقات Google
تعرف على كيفية إضافة مخططات Google إلى صفحة الويب الخاصة بك.
مثال
مخطط Google الدائري
ابدأ بصفحة ويب بسيطة.
أضف عنصر <div> بالمعرف "القطعة":
مثال
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<div id="piechart"></div>
</body>
<html>
أضف مرجعًا إلى Chart API على google.com:
مثال
<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>