mxGraph
Perpustakaan Gambarajah JavaScript Sumber Terbuka
Jana Aplikasi Graf Interaktif dan Carta melalui Pustaka Gambarajah JavaScript Percuma Sumber Terbuka.
mxGraph ialah pustaka rajah JavaScript sumber terbuka yang menyediakan kefungsian untuk memaparkan rajah SVG dan HTML. Tiada perisian pihak ketiga diperlukan untuk menggunakan perpustakaan mxGraph. Perkara baik yang lain ialah ia tidak memerlukan pemalam dan boleh disepadukan ke dalam hampir mana-mana rangka kerja. mxGraph menyediakan ciri yang bertujuan untuk memaparkan gambar rajah dan graf interaktif. API menyediakan semua fungsi yang biasa diperlukan untuk melukis, berinteraksi dan mengaitkan konteks dengan gambar rajah.
API menggunakan seni bina yang sangat biasa, ia memerlukan pelayan web yang mempunyai keupayaan untuk mengendalikan halaman HTML dan pelayar web yang menyokong JavaScript. Ia terutamanya menggunakan satu fail JavaScript yang mengandungi semua fungsi perpustakaan. Fail itu dimuatkan ke dalam halaman web HTML dalam bahagian JavaScript dan dilaksanakan dalam bekas HTML dalam penyemak imbas
Sekali pandang
Gambaran keseluruhan ciri mxGraph.
- Hasilkan Rajah
- Edit Rajah
- Paparkan graf.
- Sokongan grid
- Sokongan bentuk
- Sokongan label
- Rajah Gaya
- Penggunaan lapisan
- Gabungkan rajah
- Sokongan bar skrol
mxGraph menyokong format hamparan Excel serta ia boleh mengeksport data ke format fail biasa.
Kemerdekaan Platform
mxGraph hanya memerlukan JavaScript.
- Python 2.6 & ke atas
Bermula dengan mxGraph
Cara yang disyorkan untuk memasang mxGraph adalah melalui npm, ia tersedia melalui pengurus pakej npm. Untuk menggunakan mxGraph sebagai kebergantungan, gunakan npm install.
Pasang mxGraph melalui npm
npm install mxgraph --saveHasilkan Graf melalui API JavaScript
Pustaka mxGraph sumber terbuka menyediakan kefungsian untuk mencipta rajah atau graf menggunakan JavaScript. Ia juga menyokong mengubah suai graf kompleks dengan mencipta editor graf baharu atau menyesuaikannya. Mula-mula, anda perlu membuat graf di dalam bekas yang diberikan dan kemudian anda boleh menambah sel dengan mudah pada model untuk membina graf. Anda boleh menambah tajuk rajah dan meletakkan nota ke atas berbilang peserta dengan mudah. Perpustakaan juga menyediakan ciri tambahan seperti kesan visual, kawalan antara muka pengguna dan banyak lagi.
Menggabungkan Dua Graf melalui JavaScript
mxGraph membolehkan pengaturcara komputer menggabungkan dua graf di dalam aplikasi JavaScript mereka sendiri. Pertama sekali, anda perlu membuat graf sampel di dalam bekas yang diberikan. Sila jadikan semua sel bulat dengan label putih dan tebal. Sekarang sila buat model graf kedua tanpa bekas. Tambahkan sel pada model sasaran dalam satu langkah menggunakan id tersuai untuk bucu. Kini anda boleh menggabungkan model dari graf kedua ke dalam model graf pertama.
Melukis Grid menggunakan JavaScript
Pustaka mxGraph membolehkan pembangun perisian melukis grid secara dinamik di dalam aplikasi JavaScript mereka sendiri. Anda boleh melukis grid dengan mudah secara dinamik menggunakan kanvas HTML 5. Mula-mula sila buat graf di dalam bekas yang diberikan dan Buat grid secara dinamik yang memerlukan kanvas. Anda perlu mengubah suai penapisan acara untuk menerima kanvas sebagai bekas. Kini cmempelajari latar belakang jika perlu dan menetapkan jarak garisan grid dalam piksel. Sekarang lukis grid sebenar.
