Tutorial ini membahas cara membuat diagram kolom (column chart) model infografis dengan gambar icon gender pria dan wanita, dimana warnanya akan berubah secara dinamis sesuai nilai data.
Saat melihat tampilan grafik kolom berupa gambar icon gender di sebuah situs dengan menggunakan CSS, saya berpikir apakah bisa membuat tampilan chart seperti itu di Excel. Dari hasil browsing, saya menemukan tutorial ini yang menampilkan 1 gambar icon saja.
Dari sumber tersebut, saya kemudian mencoba membuat grafik dengan 2 gambar icon (pria dan wanita). Berikut adalah cara pembuatannya yang dibagi menjadi 3 tahap.
Tahap I: Siapkan Gambar Icon
Contoh pada tutorial ini menggunakan gambar icon pria dan wanita. Anda bisa menggunakan bentuk simbol yang lain juga.Yang perlu diketahui, bentuk gambar harus transparan dan bagian luarnya berwarna putih seperti contoh di bawah ini.
Anda bisa download gambar icon yang digunakan di tutorial ini pada link berikut.
Tahap II: Menyiapkan Data Grafik
Grafik kolom yang digunakan adalah model Stacked Column. Ada 2 buah data yang perlu dibuat. Data 1 – Kolom B adalah bagian grafik yang berisi warna (biru dan merah), sedangkan Data 2 – Kolom C adalah data dummy untuk bagian atas grafik yang kosong, yang diberi warna abu-abu.Contoh tampilan data pada lembar kerja Excel adalah seperti berikut:
- Sel B2 berisi nilai 35%.
Catatan: nilai data pada sel B2 bisa berubah-ubah sesuai nilai yang kita input. Sedangkan sel yang lain diisi dengan formula, agar nilainya otomatis berubah sesuai dengan nilai pada sel B2. - Sel B3 diberi formula =100%-B2
- Sel C2 diberi formula =100%-B2
- Sel C3 diberi formula =100%-B3
- Ganti sel B2 dan B3 dengan alamat sel pada lembar kerja Anda.
- Bentuk data tidak harus mengikuti contoh di atas. Yang penting harus ada 2 buah data yang totalnya 100%, yaitu (1) data untuk bagian yang ada warnanya dan (2) data untuk bagian yang kosong pada grafik.
Tahap III: Membuat Grafik Kolom
Langkah-Langkah:- Sisipkan Grafik Pada Lembar Kerja
- Pilih range data yang akan dibuatkan grafik. Range data pada tutorial ini adalah B2:C3.
- Pada Insert tab, grup Charts, klik Column Chart dan pilih 2D-Column model Stacked Column.
- Hapus Bagian Grafik
Hapus Chart Title, Axis Titles, Gridlines, Legend, dan lain-lain; sehingga tampilan grafik adalah seperti gambar berikut. - Atur Warna Grafik
Ubah warna grafik sesuai warna yang diinginkan. Untuk data dummy bagian atas, beri warna abu-abu. Tampilan grafik setelah diubah warna. - Atur Ukuran Dan Jarak Grafik
- Tarik sizing handle untuk memperbesar ukuran grafik.
- Atur jarak antar grafik. Cara: klik kanan salah satu grafik dan pilih Format Data Series.
Perkecil nilai Gap Width, agar jarak antar bagian grafik menjadi lebih dekat.
Catatan: tampilan layar Format Data Series akan berbeda di Excel 2007 dan 2010. Ini adalah tampilan di Excel 2013.
- Nilai Data Grafik
Karena nilai data grafik (Data Label) ditaruh di bagian atas, maka cara menampilkannya tidak bisa dengan menggunakan fitur pada chart. Untuk menampilkannya, gunakan cara berikut:- Klik pada grafik dan hapus warna background grafik, yaitu pada Format, Shape Fill, pilih No Fill.
- Hapus border atau bingkai grafik. Cara: pada Format, Shape Outline, pilih No Outline.
- Selanjutnya klik pada sel di atas bagian grafik Pria dan ketik formula =B2 dan =B3 untuk grafik Wanita. Atur ukuran font dan warna.
- Sekarang geser grafik dan atur posisinya agar lebih dekat dengan kedua angka tersebut. Hasilnya seperti gambar ini.
Atau seperti ini, bila tanpa garis Gridlines.
- Klik pada grafik dan hapus warna background grafik, yaitu pada Format, Shape Fill, pilih No Fill.
- Menaruh Gambar Icon Gender
Setelah selesai mengatur tampilan grafik, maka sekarang kita sudah bisa menaruh gambar icon. Jadi pastikan Anda sudah mengatur semuanya, karena bila ada perubahan pada ukuran dan format grafik akan mempengaruhi tampilan gambar.- Klik pada grafik dan pada tab Insert, pilih Pictures untuk menyisipkan gambar.
- Hasilnya adalah seperti ini.
Atur ukuran dan posisi gambar di atas grafik Pria sehingga tampilannya seperti gambar berikut. - Ulangi langkah 6a dan 6b di atas untuk bagian grafik Wanita.
Selesai. Ini hasil akhirnya.
0 komentar:
Posting Komentar