Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog

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

Menampilkan Grafik (Bar Chart) dengan Google Charts pada Web atau Blog sepertinya akan segera populer. Google Charts memungkinkan kita membuat Charts dengan Javascript pada Halaman Web atau Blog kita, dengan syarat Web atau Blog tersebut harus ada di Hosting atau mesin server yang online. Seperti biasa raksasa software Google selalu rajin merilis layanan software baru berbasis Web yang bisa digunakan secara gratis dan sangat bermanfaat.

Google Charts sendiri masih dalam versi Beta, artinya masih mungkin berkembang lebih bagus dan lebih lengkap lagi. Tetapi tidak ada salahnya coba kita pelajari sedini mungkin perkembangan software agar tidak ketinggalan.

Kali ini kita coba gunakan Google Charts untuk membuat Grafik Batang (Bar Chart), kita buat barchart.html dengan isi kode program berikut ini :

<html>
  <head>
    <script src="https://www.google.com/jsapi" type="text/javascript"></script>    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart1);
      function drawChart1() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Avanza', 'Xenia'],
          ['2004',  12000,      10000],
          ['2005',  15000,      11000]
        ]);

        var options = {
          title: 'Penjualan Mobil Astra',
          hAxis: {title: 'Tahun', titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div1'));
        chart.draw(data, options);
      }
    </script>
</head>   <body>     <div id="chart_div1" style="height: 300px; width: 450px;"></div>

  </body>
</html>

Hasilnya seperti ini :

Grafik yang sangat menarik dan mudah dibuat.

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

File HTML tersebut siap diklik dua kali dan berjalan langsung pada Browser dengan syarat komputer dalam keadaan terkoneksi ke Internet dan menggunakan Web Browser yang cukup populer dan versi terbaru. Misalnya Google Chrome, Mozilla 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: Membuat Grafik (Bar 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 Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog, Semoga artikel tentang Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog ini sangat bermanfaat bagi teman-teman semua, jangan lupa untuk mengunjungi lagi melalui link Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog.

Posted by: Metode Algoritma Updated at: 09.02

{ 1 komentar... Views All / Post Comment! }

nanakoyardley mengatakan...: Casino Roll
The slots machine is the 총판 easiest and quickest to 포커 규칙 play in 세븐 포커 족보 the 에밀리 벳 리 카즈 gaming industry. The machines are located within 5 바카라사이드배팅 to 10 minutes of each other. The jackpots are ‎How does this work? · ‎How do i get access to a casino?; 25 Februari 2022 pukul 15.52

Membuat Grafik (Bar Chart) dengan Google Charts pada Web atau Blog

{ 1 komentar... Views All / Post Comment! }

Posting Komentar

Label