Diagram GraphViz

   

Dokumen ini menjelaskan cara membuat diagram GraphViz menggunakan Chart API.

Ringkasan

GraphViz adalah paket alat {i>open source<i} untuk memvisualisasikan grafik konektivitas. Anda dapat membuat grafik GraphViz menggunakan bahasa DOT dan mesin tata letak pilihan Anda.

Diagram GraphViz mendukung kumpulan parameter wajib yang berbeda. Berikut adalah parameter yang didukung:

Parameter Wajib atau Opsional Deskripsi
cht=gv[:<opt_engine>] Wajib

Menentukan diagram GraphViz. Secara opsional, Anda dapat menetapkan mesin GraphViz. Jika Anda ingin menetapkan mesin tata letak, sertakan titik koma : tandai dan tetapkan salah satu string berikut untuk <opt_engine>:

  • dot - Mesin default
  • neato
  • twopi
  • circo
  • fdp

Lihat situs GraphViz untuk mengetahui deskripsi berbagai mesin tersebut.
chs=<width>x<height> Opsional Jika Anda tidak menentukan ukuran, diagram akan diubah ukurannya secara otomatis.
chl=<DOT_string> Wajib Diagram yang akan digambar, dalam notasi bahasa DOT. Anda dapat menemukan referensi bahasa DOT di situs GraphViz.
chd TIDAK DIGUNAKAN Kode GraphViz tidak biasa karena parameter chd diabaikan. Jangan menyertakannya di URL Anda.
chof=<output_format> Opsional Format output untuk diagram. Lihat deskripsi parameter untuk mempelajari format output yang didukung. Jika menentukan chof=json, Anda akan mendapatkan kembali representasi JSON dari diagram sebagai peta gambar HTML yang dapat digunakan untuk menambahkan link atau interaktivitas ke diagram. Lihat Membuat Peta Gambar Diagram untuk mengetahui detailnya.
callback=<handling_function_name> Opsional Jika menentukan chof=json, Anda juga dapat menentukan fungsi yang akan dipanggil dengan JSON yang ditampilkan yang menyertakan peta gambar diagram. Fungsi Anda harus menerima satu parameter JSON, yang akan menjadi representasi JSON dari diagram tersebut. Halaman Anda kemudian dapat menentukan diagram sebagai elemen <img> untuk merender diagram, dan juga memanggil URL yang sama dengan chof=json&callback=somefunc, dan menyertakan fungsi bernama somefunc() yang akan mengurai JSON yang ditampilkan dan menambahkan link atau interaktivitas.

 

Contoh:

Deskripsi Contoh

contoh mesin titik (default).

diagram titik
cht=gv
chl=digraph{A->B->C->A}
chs=150x150
contoh neato engine dari diagram yang sama. diagram neato
cht=gv:neato
chl=digraph{A->B->C->A}
chs=150x150
Diagram titik, tanpa menentukan ukuran. Ukuran diagram ditentukan secara otomatis. diagram titik tanpa ukuran yang ditentukan
cht=gv
chl=graph{a--b--c;b--d}
Diagram yang lebih kompleks. Bagan titik yang lebih menarik
cht=gv
chl=
  graph{C_0--H_0[type=s];C_0--H_1[type=s];C_0--H_2[type=s];C_0--C_1[type=s];C_1--H_3[type=s];C_1--H_4[type=s];C_1--H_5[type=s]}

Berikut adalah beberapa kiat dan batasan yang diketahui dalam bagan GraphViz saat ini:

  • Atribut graph size tidak boleh digunakan; sebagai gantinya, gunakan parameter Chart API chs.
  • Jumlah maksimum node adalah 200, dan jumlah maksimum untuk tepi adalah 400.
  • Anti-aliasing, transparansi, dan font alternatif tidak didukung.
  • Atribut node image dan shapefile tidak didukung, dan akan menghasilkan error jika ada.
  • Atribut graph ratio, margin, dan pad tidak didukung, dan akan diabaikan jika ada.