.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog

0 komentar


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Assalamu'alaikum warahmatullahi wabarakatuh

Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog caranya seperti yang pernah kita bahas pada artikel sebelumnya yaitu Menampilkan Grafik (Bar Chart) dengan Google Charts pada Web atau Blog. Seperti yang telah diterangkan sebelumnya, Google Charts memungkinkan kita membuat Charts dengan Javascript pada Halaman Web atau Blog, tentu saja dengan syarat Web atau Blog tersebut harus ada di Hosting atau komputer yang sedang online.

Kali ini kita coba gunakan Google Charts untuk membuat Grafik Roti (Pie Chart), kita buat pie-chart-google-charts.html dengan isi kode program berikut ini :


<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart2);
function drawChart2() {
var data2 = google.visualization.arrayToDataTable([
['Kegiatan', 'Waktu(Jam)'],
['Bekerja', 11],
['Makan', 2],
['Perjalanan', 2],
['Hiburan / TV', 2],
['Tidur', 7]
]);

var options2 = {
title: 'Kegiatan Sehari-Hari'
};

var chart2 = new google.visualization.PieChart(document.getElementById('chart_div2'));
chart2.draw(data2, options2);
}
</script>
</head>
<body>
<div id="chart_div2" style="width: 900px; height: 500px;"></div>
</body>
</html>

Hasilnya seperti ini :





Grafik Pie yang sangat bagus.

Project selengkapnya silakan didownload. Jika kesulitan,  caranya mendownloadnya seperti ini.

File HTML tersebut siap disimpan, kemudian klik dua kali dan dijalankan langsung pada Browser dengan syarat komputer dalam keadaan online ke Internet dan menggunakan Web Browser yang populer dan versi terbaru. Misalnya Chrome, Firefox atau Opera.

Semoga bermanfaat.
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com


atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
wassalamualaikum warahmatullahi wabarakatuh


Artikel Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog, Diterbitkan oleh scodeaplikasi pada Senin, 22 Juli 2013. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.

Tawk.to