03. Menggunakan Style HTML pada Record

posted Sep 25, 2011, 1:23 AM by Editor KursusInternet   [ updated Oct 2, 2011, 1:48 AM ]

Pendahuluan

Pada artikel sebelumnya, kita telah mengetahui bagaimana menggambarkan relasi antar sel pada node berbentuk record. Untuk lebih memperkaya visualisasi, maka Graphviz mengenali elemen tag pembentuk table pada HTML untuk digunakan pada Graphviz. Pengecualian untuk style CSS yang tidak dapat dikenali.

Untuk memperjelas statement di atas penulis langsung memberikan contoh file dot terkait dan hasil gambar outputnya.

Contoh Penggunaan

$ dot -Nfontname=Arial -Tpng:cairo record_html_phi_minimart.dot -o record_html_phi_minimart.png


record_html_phi_minimart.dot

digraph g {
rankdir=LR;
ms_cabang [shape=none, label = <
<table cellspacing="2" cellpadding="3" border="1">
<tr><td bgcolor="#AAAAAA;">ms_cabang</td></tr>
<tr><td>kode_cabang</td></tr>
<tr><td>nama_cabang</td></tr>
<tr><td port="port0">kode_kota</td></tr>
</table>
>
];
ms_kota [shape=none, label = <
<table cellspacing="2" cellpadding="3" border="1">
<tr><td bgcolor="#AAAAAA;">ms_kota</td></tr>
<tr><td port="n">kode_kota</td></tr>
<tr><td>nama_kota</td></tr>
<tr><td>kode_propinsi</td></tr>
</table>
>
];
ms_cabang:port0 -> ms_kota:n [arrowhead=none];
}


Comments