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>:
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). |
|
mesin neato dari diagram yang sama. | cht=gv:neato |
Diagram titik, tanpa ukuran yang ditentukan. Diagram diubah ukurannya secara otomatis. | cht=gv |
Diagram yang lebih kompleks. | cht=gv |
Berikut adalah beberapa tips dan batasan umum dalam diagram GraphViz saat ini:
- Atribut
graph
size
tidak boleh digunakan; sebagai gantinya, gunakan parameter Chart APIchs
. - Jumlah maksimum node adalah 200, dan jumlah maksimum untuk tepi adalah 400.
- Antialias, transparansi, dan font alternatif tidak didukung.
- Atribut
node
image
danshapefile
tidak didukung, dan akan menyebabkan error jika ada. - Atribut
graph
ratio
,margin
, danpad
tidak didukung, dan akan diabaikan jika ada.