About

Sabtu, 20 Mei 2017

Membuat Grafik pada Halaman Web


MEMBUAT GRAFIK DENGAN HIGHCHART,  JQUERY, dan BOOTSTRAP
Menggunakan Database MySQL dan PhP
Oleh : Ade Sutarya, S.Kom


Untuk membuat grafik pada halaman web dibutuhkan alat bantu (tool) library javascripts, yaitu Highcharts. Menurut ilmu-detil.blogspot.co.id mengatakan “Highchart menawarkan kemudahan bagi para developer web dalam membuat grafik, dimana jenis-jenis grafik yang dapat kita buat seperti : grafik baris (line chart), grafik batang (bar chart), grafik lingkaran (pie chart), grafik kolom (column chart), grafik bidang (area chart) dan masih banyak jenis grafik lainnya”.[1]
Jenis grafik yang dapat dibuat terdiri dari beberapa jenis yang telah disediakan oleh highcharts.com:
1.    Grafik Baris (line chart),
2.    Grafik Bidang (area chart),
3.    Grafik Kolom dan Batang (column and bar chart),
4.    Grafik Lingkaran (pie chart),
5.    Grafik Gelembung dan penyebaran (scatter and buble charts),
6.    Grafik Dinamis (dynamic charts),
7.    Grafik 3D (3D charts),
8.    Grafik Ukur (gauges charts),
9.    Grafik Peta dan Pohon (heat and tree maps charts),
10. Grafik lainnya
Keuntungan lainnya adalah bahwa library ini selain free juga dapat diakses menggunakan berbagai jenis browser, dan support sistem operasi baik untuk dekstop ataupun perangkat mobile.



[1] https://ilmu-detil.blogspot.co.id/2016/05/grafik-batang-dengan-php-jquery.html

Materi Selengkapnya dapat di DOWNLOAD DISINI

Related Posts:

  • Cara Menghilangkan Tanggal Postingan Cari code di bawah ini :margin: $(date.header.margin);kemudian tambahkan di depannya code di bawah ini : visibility: hidden;maka hasilnya akan seperti ini : margin: $(date.header.margin); visibility: hidd… Read More
  • Cara Menghilangkan Tombol Facebook,Blog,Twiter di Blog Cara Menghilangkan Tombol Facebook,Blog,Twiter di BlogCara Menghilangkan Tombol Link Facebook,Blog,Twiter di Blog.Dibawah ini gambar Tombol link yang terdapat pada posting blog yang akan kita hilangkan.Langkah-langkahny… Read More
  • Cara Membuat Search Engine di Blog Caranya buat gadge baru kemudian copy paste code di bawah ini :<form action="http://nama-blogmu.blogspot.com/search"method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="se… Read More
  • Cara untuk menghilangkan link pada blog Cara untuk menghilangkan link pada blog adalah :Masuk pada mode HTMLCari code UnderlineKemudian ganti code tersebut dengan noLalu simpan… Read More
  • Cara Menghapus Header Blog Cari code seperti dibawah ini :<'b: widget id= 'header 1' terkunci = 'false' title = 'TitleOfYourBlog (Header)' type = 'Header' />kemudian hapus code tersebut.selanjutnya simpan… Read More