Membuat Line Chart dengan ChartJS + PHP

Pada artikel ini kita akan membahas cara membuat Line Chart dengan PHP. Namun sebelumnya kita analisa dulu struktur dari Linechart di Chart JS dengan mengamati kode berikut .

//variable yang berisi data linechart terdiri dari 2 komponen utama yaitu labels dan datasets
		var lineChartData = {
			labels : ["Jan","Feb","Maret","April","Mei","Juni"],
			datasets : [
//jika anda tidak suka dengan warna linechart, silahkan ganti sendiri warnanya
//dari fillColor sampai pointHIghlghtStroke dengan kode WARNA hexa atau RGBA
//klo anda programer/desainer bagian ini tidak perlu dijelaskan lagi			
				{
					label: "Jakarta",

					fillColor : "rgba(151,187,205,0.2)",
					strokeColor : "rgba(151,187,205,1)",
					pointColor : "rgba(151,187,205,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(151,187,205,1)",
//ini adalah data yang akan dibuatkan grafiknya, 
//jika memakai PHP mYSQL baris inilah yang (more…)

Membuat Graphic Chart di Web dengan ChartJS

chartjs

Tutorial ini adalah bagian pertama dari 4 Tutorial. Tutorial lain yang merupakan kelanjutan dari tutorial ini bisa anda baca di link berikut :

  1. Mengenal ChartJS (artikel ini )
  2. Membuat Line Chart dengan ChartJS + PHP (Coming soon…)
  3. Membuat Bar Chart dengan ChartJS + PHP ( Coming soon…)
  4. Membuat Pie Chart dengan ChartJS + PHP (Coming soon ..)

Sekitar 3 tahun yang lalu saya membuat tutorial Membuat grafik Chart dengan Highcart dan PHP yang sampai hari ini tetap menjadi TOP Post di blog ini.  Sayangnya Highcart hanya membolehkan versi freenya untuk membuat aplikasi open source saja dan tidak diperbolehkan membuat aplikasi komersial kecuali membeli lisensinya yang untuk ukuran kantong (more…)