Diagram GraphViz

   

Dokumen ini menjelaskan cara membuat diagram GraphViz menggunakan Chart API.

Ringkasan

GraphViz adalah paket alat open source 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. Anda dapat menentukan mesin GraphViz secara opsional. Jika ingin menentukan mesin tata letak, sertakan titik koma : tandai dan tentukan 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 sertakan 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 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 parameter JSON tunggal, yang akan menjadi representasi JSON dari diagram. Halaman Anda kemudian dapat menentukan diagram sebagai elemen <img> untuk merender diagram, dan juga memanggil URL yang sama dengan chof=json&callback=somefunc, serta menyertakan fungsi bernama somefunc() yang akan mengurai JSON yang ditampilkan dan menambahkan link atau interaktivitas.

 

Contoh:

Deskripsi Contoh

contoh dot engine (default).

diagram titik
cht=gv
chl=digraph{A->B->C->A}
chs=150x150
mesin neato dari diagram yang sama. bagan neato
cht=gv:neato
chl=digraph{A->B->C->A}
chs=150x150
Diagram titik, tanpa ukuran yang ditentukan. Diagram diubah ukurannya secara otomatis. diagram titik tanpa ukuran yang ditentukan
cht=gv
chl=graph{a--b--c;b--d}
Diagram yang lebih kompleks. Diagram 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 tips dan batasan umum dalam diagram 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.
  • Antialias, transparansi, dan font alternatif tidak didukung.
  • Atribut node image dan shapefile tidak didukung, dan akan menyebabkan error jika ada.
  • Atribut graph ratio, margin, dan pad tidak didukung, dan akan diabaikan jika ada.