Dalam dunia teknologi informasi, grafik atau chart sangatlah penting untuk memvisualisasikan data secara lebih jelas dan mudah dipahami. Ada berbagai bahan pemrograman yang bisa digunakan untuk membuat grafik, seperti PHP dan Excel. Dalam artikel kali ini, kita akan membahas cara membuat grafik menggunakan kedua bahan pemrograman tersebut. Simak penjelasannya berikut ini.
Cara Membuat Grafik Dengan PHP
PHP adalah salah satu bahasa pemrograman berbasis web yang cukup populer. Tidak hanya digunakan untuk membuat website, PHP juga bisa digunakan untuk membuat grafik. Berikut ini cara membuat grafik dengan PHP.
1. Persiapan File
Langkah pertama dalam membuat grafik menggunakan PHP adalah persiapan file. Buat file baru dengan ekstensi .php dan berikan nama sesuai keinginan anda. Kemudian buat kode program dasar PHP seperti dibawah ini :
<html>
<body>
<h2>Grafik Pertumbuhan Pengguna Aplikasi X</h2>
<canvas id="myChart"></canvas>
<script src="https://cdn.cdnurl.com/chart.js/2.9.4/chart.min.js"></script>
<script src="script.js"></script>
</body>
</html>
Pada kode program diatas kita menggunakan library Chart.js untuk membuat grafik. Kemudian kita membuat sebuah canvas dengan id myChart yang merupakan wadah untuk menampilkan grafik. Terakhir, kita memasukkan script.js yang akan kita buat selanjutnya.
2. Membuat Script.js
Setelah kita selesai membuat halaman HTML, kita perlu membuat script.js yang akan mengatur tampilan dan nilai pada grafik. Berikut ini script.js yang anda bisa gunakan :
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx,
type: 'line',
data:
labels: ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni'],
datasets: [
label: 'Pertumbuhan Pengguna Aplikasi X',
data: [50, 55, 62, 70, 80, 90],
backgroundColor: 'rgba(255, 99, 132, 0.2)',
borderColor: 'rgba(255, 99, 132, 1)',
borderWidth: 1
]
,
options:
scales:
yAxes: [
ticks:
beginAtZero: true
]
);
Pada script.js, kita membuat object myChart yang menggunakan ctx (context) yang sudah kita buat pada halaman HTML. Kita tipe grafik yang digunakan adalah line atau grafik garis. Selanjutnya, kita mengatur data grafik dan properties seperti label, data, dan warna pada dataset. Terakhir, kita mengatur scale pengukuran pada chart agar bisa dilihat dengan jelas.
3. Menampilkan Grafik
Setelah membuat file PHP dan script.js, kita tinggal membukanya pada web server untuk melihat hasilnya. Jika berhasil, maka grafik yang terlihat pada browser seperti ini.
Cara Membuat 2 Grafik Dalam 1 Chart Di Excel
Microsoft Excel juga bisa digunakan untuk membuat grafik. Bahkan, Excel memiliki banyak fitur yang memungkinkan kita membuat grafik dengan berbagai macam tipe. Salah satu fitur yang menarik adalah kemampuan untuk membuat 2 grafik dalam 1 chart. Berikut ini cara membuat 2 grafik dalam 1 chart di Excel.
1. Persiapan Data
Sebelum membuat grafik, pastikan anda sudah menyiapkan data yang akan digunakan. Data tersebut minimal harus terdiri dari 2 kolom yang masing-masing kolomnya merepresentasikan data dari masing-masing grafik. Berikut ini data yang akan kita gunakan sebagai contoh.
| No | Makanan | Penjualan | Hari Ke |
| 1 | Bakso | 50 | 1 |
| 2 | Sate | 45 | 1 |
| 3 | Bakso | 60 | 2 |
| 4 | Sate | 50 | 2 |
| 5 | Bakso | 70 | 3 |
| 6 | Sate | 65 | 3 |
2. Membuat Grafik Pertama
Langkah selanjutnya adalah membuat grafik pertama menggunakan data yang sudah disiapkan. Klik dua kali pada salah satu data, kemudian pilih Insert pada menu bar dan pilih grafik yang ingin digunakan. Berikut ini adalah contoh grafik Batang yang digunakan.
3. Menambah Grafik Kedua
Ketika grafik pertama sudah selesai dibuat, saatnya kita menambah grafik kedua. Klik dua kali pada salah satu bar pada grafik pertama sehingga bar tersebut terpilih, kemudian buka menu Format pada menu bar dan pilih Format Data Series. Pada tab Series Options, pilih Secondary Axis. Hasilnya, bar pertama akan berpindah ke axis kanan.
Selanjutnya, blok semua data grafik kedua dan pilih menu Insert. Kemudian pilih grafik yang cocok untuk data tersebut, misalnya grafik Batang.
4. Menggabungkan 2 Grafik
Dalam langkah ini, kita akan menggabungkan kedua grafik menjadi satu. Pertama, blok salah satu data pada salah satu grafik dan pilih menu Format pada menu bar. Kemudian, pilih Fill dan No fill pada submenu tersebut.
Selanjutnya, klik dua kali pada salah satu garis pada grafik lainnya. Kemudian, pilih menu Format pada menu bar dan pilih Fill and Line. Pada tab Line, pilih no line dan pilih tab Marker. Pada menu Marker Type, pilih range bar dan membuat range bar menjadi kosong.
5. Hasil Akhir
Setelah menyelesaikan semua langkah diatas, hasil akhirnya adalah seperti dibawah ini. Tampilan grafik yang dihasilkan terlihat lebih rapi dan mudah dipahami.
FAQ
Berikut ini adalah beberapa pertanyaan yang sering ditanyakan seputar cara membuat grafik menggunakan PHP dan Excel.
1. Apakah ada alternatif lain selain Chart.js untuk membuat grafik dengan PHP?
Ya, selain menggunakan Chart.js, ada juga alternatif lain seperti Google Chart dan Highcharts. Kedua library tersebut juga cukup popular dan banyak digunakan dalam membuat grafik. Namun, untuk menggunakan Google Chart memerlukan koneksi internet karena data dibuat melalui server Google. Sedangkan Highcharts hanya menyimpan data pada client-side dan tidak memerlukan koneksi internet.
2. Apakah ada cara lain untuk membuat dua grafik dalam satu chart di Excel?
Ya, selain cara yang telah dijelaskan di atas, ada juga cara lain untuk membuat dua grafik dalam satu chart di Excel. Dalam cara lain tersebut, kita bisa menggunakan kombinasi grafik, yaitu menggabungkan beberapa jenis grafik dalam satu chart. Namun, cara ini memerlukan tingkat keahlian yang lebih dari pengguna Excel pada umumnya.
Video Tutorial
Untuk memudahkan anda dalam memahami cara membuat grafik menggunakan PHP dan Excel, simak juga video tutorial berikut ini :
