Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog

Metode dan Algoritma | Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog . Anda bisa melakukan konsultasi tentang Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog melalui form di samping kanan !!!

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.

ActionScript AS3 ASP.NET AJAX C / C++ C# Clipper COBOL ColdFusion DataFlex Delphi Emacs Lisp Fortran FoxPro Java J2ME JavaScript JScript Lingo MATLAB Perl PHP PostScript Python SQL VBScript Visual Basic 6.0 Visual Basic .NET Flash MySQL Oracle Android

Related Post :

Judul: Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh hank2

Anda sedang membaca artikel tentang Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog, Semoga artikel tentang Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog ini sangat bermanfaat bagi teman-teman semua, jangan lupa untuk mengunjungi lagi melalui link Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog.

Posted by: Metode Algoritma Updated at: 21.52

Menampilkan Grafik Pie Chart dengan Google Charts pada Web atau Blog

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Label