Diagram Batang Skip to main content

Diagram Batang

Diagram Batang
P
ada kesempatan ini, Admin akan menyajikan artikel tentang cara menggambar diagram  batang di LaTeX. Diagram batang adalah diagram atau bagan yang mewakili informasi dengan batang persegi panjang dengan tinggi atau lebar yang sesuai dengan nilai data yang disajikan. Diagram batang umumnya terdiri dari dua jenis yaitu diagram batang vertikal, dan diagram batang horizontal. Berikut ini adalah panduan dalam menggambar diagram batang menggunakan LaTeX.
1. Buka text editor.
2. Untuk kelas dokumen yang akan digunakan adalah kelas article yang dituliskan melalui perintah berikut.
\documentclass{article}
3. Paket yang akan digunakan adalah pgfplots seperti terlihat pada perintah berikut.
\usepackage{pgfplots}  
\pgfplotsset{width=10cm,compat=1.5}  
4.  Kemudian kita akan membuat garis sumbu x dan y melalui perintah berikut.
\begin{axis}  
[ybar,  
    enlargelimits=0.20,  
    ylabel={\Nilai rata-rata},  
    xlabel={\Nama Siswa},  
    symbolic x coords={Abdi, Andi, Bayu, Cindi, Clara, Diva},
    xtick=data,  
     nodes near coords,
    nodes near coords align={vertical},]  
5. Selanjutnya kita akan menuliskan data untuk sumbu x melalui perintah berikut.
\addplot coordinates {(Abdi,65) (Andi,85) (Bayu,70) (Cindi,80) (Clara,60) (Diva, 90};  
\end{axis}  
6. Hasil akhir dari panduan di atas adalah tampak seperti gambar berikut.
diagram batang vertikal di latex
Selanjutnya untuk membuat diagram batang horizontal kita bisa menggunakan panduan berikut.
1. Untuk kelas dokumen tetap menggunakan kelas dokumen article yang dituliskan melalui perintah berikut.
\documentclass{article}
2. Kemudian di bagian mukadimah kita tuliskan paket-paket yang dibutuhkan untuk menggambar, antara lain sebagai berikut.
\usepackage[indonesian]{babel}
\usepackage{xcolor}
\usepackage{tikz}
3. Kemudian untuk pewarnaan batang-batang diagramnya, kita bisa memilih warna-warna berikut.
\definecolor{abdi}{HTML}{D7191C}
\definecolor{andi}{HTML}{FDAE61}
\definecolor{bayu}{HTML}{ABDDA4}
\definecolor{cindi}{HTML}{2B83BA}
\definecolor{clara}{HTML}{00FFFF}
\definecolor{diva}{HTML}{8A2BE2}
4. Selanjutnya kita akan memberi keterangan tentang diagram batang tersebut, sehingga kita membutuhkan perintah figure yang dituliskan melalui perintah berikut.
\begin{figure}
....
\end{figure}
5. Pada bagian dokumen setelah perintah nomor 4, kita akan membuat skala agar gambar diagram batangnya tidak memenuhi halaman dokumen. Misalkan menggunakan perintah berikut.
\begin{tikzpicture}
[x={(.1,0)}]
...
\end{tikzpicture}
6. Selanjutnya kita akan membuat dua buah ruas garis pada sumbu x dan sumbu y, melalui perintah berikut.
\draw (0,0) -- (100,0);
\draw (0,0) -- (0,6.4);
7. Selanjutnya kita tuliskan nilai-nilai pada sumbu x melalui perintah berikut.
\foreach \x in {10, 20, ..., 100}
{\draw (\x,.2) -- (\x,0) node[below] {\x};}
8. Sedangkan untuk sumbu y melalui perintah berikut.
\foreach  \l/\x/\c[count=\y] in {Abdi/65/abdi, 
Andi/85/andi, 
Bayu/70/bayu, 
Cindi/80/cindi, Clara/60/clara, Diva/90/diva}
{\node[left] at (0,\y) {\l};
\fill[\c] (0,\y-.4) rectangle (\x,\y+.4);
\node[right] at (\x, \y) {\x};}
9. Kemudian kita akan memberi caption tentang diagram batang tersebut melalui perintah berikut.
\caption{Diagram Nilai Rata-rata Ujian Matematika}
10. Selanjutnya hasil dari penulisan perintah-perintah di atas akan menghasilkan gambar seperti berikut.
diagram batang horizontal di latex
Berikut ini Admin berikan kode lengkap tentang cara menggambar diagram batang horizontal seperti yang Admin uraikan dalam panduan di atas.
\documentclass{article}
\usepackage[indonesian]{babel}
\usepackage{xcolor}
\usepackage{tikz}
%---------Pewarnaan diagram-----------
\definecolor{abdi}{HTML}{D7191C}
\definecolor{andi}{HTML}{FDAE61}
\definecolor{bayu}{HTML}{ABDDA4}
\definecolor{cindi}{HTML}{2B83BA}
\definecolor{clara}{HTML}{00FFFF}
\definecolor{diva}{HTML}{8A2BE2}

\begin{document}
\begin{figure}
\centering
\begin{tikzpicture}
[x={(.1,0)}]
%--------------Garis sumbu x dan y--------------
\draw (0,0) -- (100,0);
\draw (0,0) -- (0,6.4);
%--------------Data pada sumbu y----------------
\foreach  \l/\x/\c[count=\y] in {Abdi/65/abdi, 
Andi/85/andi, 
Bayu/70/bayu, 
Cindi/80/cindi, Clara/60/clara, Diva/90/diva}
{\node[left] at (0,\y) {\l};
\fill[\c] (0,\y-.4) rectangle (\x,\y+.4);
\node[right] at (\x, \y) {\x};}
%--------------Data pada sumbu x---------------
\foreach \x in {10, 20, ..., 100}
{\draw (\x,.2) -- (\x,0) node[below] {\x};}
\end{tikzpicture}
%----------------Keterangan diagram------------
\caption{Diagram Nilai Rata-rata Ujian Matematika}
\end{figure}
%---------------Keterangan penulis------------
\hspace{1.3cm}Sidoluhur, 12 Juni 2021\\
\vspace{.3cm}
\hspace{1.7cm}Aan Triono
\end{document}
Demikian langkah demi langkah dalam menggambar diagram batang baik diagram batang vertikal ataupun diagram batang horizontal menggunakan LaTeX. Tentu saja masih banyak cara lain yang bisa digunakan dalam menggambarnya di LaTeX. Jika ada kesalahan mohon dikoreksi dan jika ada masukan silakan tuliskan di sini. Semoga bermanfaat. Terima kasih.

PERHATIAN : Seluruh materi baik artikel, foto, video, dan logo yang terdapat di web www.silagebra.com, bebas dimanfaatkan oleh siapa pun untuk keperluan referensi dan non-komersial. Bagi siapa pun yang ingin memanfaatkan materi silagebra.com dengan cara mengutip, menyadur, memperbanyak dan atau menyebarluaskan sebagian atau seluruh isi materi tersebut, harus memenuhi ketentuan sebagaimana tercantum dalam halaman copyright atau silakan klik Touch Me. Terima kasih.
Comment Policy: Silakan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Terima kasih.
Buka Komentar
Tutup Komentar
Close Disqus