mxGraph
Açıq Mənbəli JavaScript Diaqramma Kitabxanası
Açıq Mənbəli Pulsuz JavaScript Diaqramma Kitabxanası vasitəsilə İnteraktiv Qrafik və Diaqram Tətbiqləri yaradın.
mxGraph SVG və HTML diaqramlarını göstərmək üçün funksionallığı təmin edən açıq mənbəli JavaScript diaqramma kitabxanasıdır. mxGraph kitabxanasından istifadə etmək üçün heç bir üçüncü tərəf proqram təminatı tələb olunmur. Digər yaxşı cəhət odur ki, o, heç bir plagin tələb etmir və demək olar ki, istənilən çərçivəyə inteqrasiya oluna bilər. mxGraph interaktiv diaqramları və qrafikləri göstərmək üçün nəzərdə tutulmuş funksiyaları təmin edir. API konteksti diaqramla çəkmək, qarşılıqlı əlaqə yaratmaq və əlaqələndirmək üçün ümumi tələb olunan bütün funksionallığı təmin edir.
API çox ümumi arxitekturadan istifadə edir, o, HTML səhifələrini idarə etmək qabiliyyətinə malik veb server və JavaScript-i dəstəkləyən veb brauzer tələb edir. O, ilk növbədə bütün kitabxana funksiyalarını ehtiva edən bir JavaScript faylından istifadə edir. Həmin fayl JavaScript bölməsində HTML veb səhifəsinə yüklənir və brauzerdə HTML konteynerində icra olunur.
Bir baxışda
mxGraph xüsusiyyətlərinə ümumi baxış.
- Diaqram yaradın
- Diaqramı redaktə edin
- Qrafikləri göstərin.
- Şəbəkə dəstəyi
- Forma dəstəyi
- Etiket dəstəyi
- Üslub diaqramı
- Qatların istifadəsi
- Birləşdirmə diaqramı
- Scrollbar dəstəyi
mxGraph Excel cədvəl formatını dəstəkləyir, həmçinin məlumatları ümumi fayl formatlarına ixrac edə bilər.
Platformanın Müstəqilliyi
mxGraph yalnız JavaScript tələb edir.
- Python 2.6 və yuxarı
mxGraph ilə işə başlamaq
MxGraph quraşdırmanın tövsiyə olunan yolu npm vasitəsilədir, o, npm paket meneceri vasitəsilə mövcuddur. MxGraph-dan asılılıq kimi istifadə etmək üçün npm install istifadə edin.
npm vasitəsilə mxGraph quraşdırın
npm install mxgraph --saveJavaScript API vasitəsilə qrafiklər yaradın
Açıq mənbəli mxGraph kitabxanası JavaScript-dən istifadə edərək diaqram və ya qrafik yaratmaq üçün funksionallıq təmin edir. O, həmçinin yeni qrafik redaktorları yaratmaq və ya onları fərdiləşdirməklə mürəkkəb qrafiklərin dəyişdirilməsini dəstəkləyir. Əvvəlcə verilmiş konteynerin içərisində qrafik yaratmalısınız və sonra qrafiki qurmaq üçün modelə asanlıqla xanalar əlavə edə bilərsiniz. Siz asanlıqla diaqram başlıqları əlavə edə və birdən çox iştirakçı üzərində qeydlər yerləşdirə bilərsiniz. Kitabxana həmçinin vizual effektlər, istifadəçi interfeysinə nəzarət və s. kimi əlavə funksiyalar təqdim edir.
JavaScript vasitəsilə iki qrafikin birləşdirilməsi
mxGraph kompüter proqramçılarına öz JavaScript proqramlarında iki qrafiki birləşdirməyə imkan verir. Əvvəlcə verilmiş konteynerin içərisində nümunə qrafiki yaratmalısınız. Zəhmət olmasa, bütün xanaları ağ, qalın etiketlə yuvarlaqlaşdırın. İndi konteynersiz ikinci qrafik modelini yaradın. Təpələr üçün fərdi identifikatorlardan istifadə edərək bir addımda hədəf modelə xanalar əlavə edin. İndi siz ikinci qrafikdən modeli birinci qrafikin modelinə birləşdirə bilərsiniz.
JavaScript-dən istifadə edərək Şəbəkənin Çəkilməsi
MxGraph kitabxanası proqram tərtibatçılarına öz JavaScript proqramları daxilində dinamik şəkildə şəbəkə çəkməyə imkan verir. HTML 5 kətanından istifadə edərək asanlıqla dinamik şəkildə şəbəkə çəkə bilərsiniz. Əvvəlcə verilmiş konteynerin daxilində qrafik yaradın və kətan tələb edən dinamik şəkildə şəbəkə yaradın. Siz kətanı konteyner kimi qəbul etmək üçün hadisə filtrini dəyişdirməlisiniz. İndi ctələb olunarsa, fonu öyrənir və grid xətlərinin məsafəsini piksellə təyin edir. İndi faktiki grid çəkir.
