Populyar Diaqramlar Yaratmaq və Eidt etmək üçün Pulsuz JavaScript Kitabxanası
Müxtəlif növ diaqramlar yaratmaq və redaktə etmək üçün pulsuz JavaScript Kitabxanası. Bu, DAG diaqramlarının, ER diaqramlarının, axın qrafiklərinin və daha çoxunun sürətli qurulmasına imkan verir.
X6 proqram tərtibatçılarına JavaScript əmrlərindən istifadə edərək müxtəlif diaqram növləri ilə işləməyə imkan verən çox faydalı JavaScript diaqramlaşdırma kitabxanasıdır. Kitabxana komponentlər və qovşaqların fərdiləşdirilməsi üçün istifadəsi çox asan funksiyalar təqdim edir. Kitabxana MVC arxitekturasına əsaslanır və əsasən məlumat məntiqi ilə yanaşı biznes məntiqinə də diqqət yetirir. Bu kitabxana və sənədlər açıq mənbədir və MIT lisenziyası altında sərbəst şəkildə mövcuddur.
Kitabxana çox çevikdir və istifadəçilərə qrafikləri, qovşaqları, kənarları və alətləri asanlıqla genişləndirməyə imkan verir. Kitabxana tamamilə hadisə ilə idarə olunur və tərtibatçılara qrafikin içərisində baş verən istənilən hadisəyə reaksiya vermək imkanı verir. O, DAG diaqramlarının, ER diaqramlarının, axın diaqramlarının və digər tətbiqlərin sürətli qurulmasını dəstəkləyir. X6 kitabxanası çox sabitdir və tanınmış SVG/HTML/CSS və ya xüsusi qovşaqlara və kənarlara React/Vue-yə əsaslanır.
Kitabxana yeni qovşaqların əlavə edilməsi, mövcud qovşaqların fərdiləşdirilməsi, qarşılıqlı keçid, əlaqəli kənarları məhdudlaşdırmaq, mətn əlavə etmək və bağlamaq, portları dinamik şəkildə əlavə etmək və ya silmək, porta qoşulmaq, portun etiketlənməsi, qovşaqların yerləşdirilməsi kimi bir neçə vacib funksiyaya dəstək daxildir. sürüklə və buraxma yolu ilə qovşağı yerləşdirin, markerlərdən, yolu olan xüsusi markerlərdən və daha çoxundan istifadə edin. Kitabxana yerli olaraq düzbucaqlılar, dairələr, ellipslər, yollar, çoxbucaqlılar, silindrlər və s. kimi müxtəlif formaları dəstəkləyir.
X6 ilə işə başlamaq
X6 stabil buraxılışını quraşdırmanın təklif olunan yolu NPM-dən istifadə etməkdir. Düzgün quraşdırma üçün aşağıdakı əmrdən istifadə edin
NPM vasitəsilə X6 quraşdırın
$ npm install @antv/x6 –saveSiz github deposundan yığılmış paylaşılan kitabxananı yükləyə bilərsiniz.
JavaScript API vasitəsilə diaqram yaradın və idarə edin
Açıq mənbəli X6 kitabxanası proqram tərtibatçılarına öz JavaScript proqramlarında asanlıqla bir neçə növ diaqram yaratmağa imkan verir. Kitabxana asanlıqla xüsusi diaqramlar çəkmək üçün istifadə oluna bilən daxili formalar üçün dəstək daxildir. Siz ardıcıllıq diaqramlarını, ER diaqramlarını, UML Sinif diaqramlarını və UML vəziyyət diaqramlarını çəkə bilərsiniz. Siz həmçinin asanlıqla məntiq sxemləri, təşkilati diaqramlar, Sonlu dövlət maşınları, bulmacalar, şahmat və daha çoxunu tərtib edə bilərsiniz.
Fərdi Element Dəstəyi
Açıq mənbəli X6 kitabxanasına JavaScript proqramları daxilində diaqramlar yaratmaq üçün istifadə edilə bilən daxili elementlər daxildir. Dördbucaqlılar, mətn, dairələr, ellipslər, şəkillər, yollar və s. kimi bir neçə standart formalar mövcuddur. Bunlardan rəsm çəkmək üçün istifadə edilə bilər. Siz həmçinin sıfırdan yeni elementlər yarada bilərsiniz.
JavaScript vasitəsilə qrafiklər yaradın və idarə edin
X6 kitabxanası JavaScript kodundan istifadə edərək qrafiklərin yaradılması və idarə olunması üçün tam dəstək göstərmişdir. Kitabxanaya Xətt, Bar, Sahə, Kombo diaqramlar, Pasta və Donut diaqramları və Düymələr kimi bir neçə növ diaqram üçün dəstək daxildir. Kitabxana həmçinin diaqramın manipulyasiyası ilə bağlı bir neçə funksiyanı təmin edir, məsələn ölçüsünü dəyişmək, fırlanma, digər elementlərə qoşulma və s.
