مكتبة جافا سكريبت مجانية لتوليد & Eidt الرسوم البيانية الشعبية
مكتبة JavaScript مجانية لإنشاء أنواع مختلفة من الرسوم البيانية وتحريرها. يسمح بالبناء السريع لمخططات DAG ومخططات ER ومخططات التدفق والمزيد.
X6 هي مكتبة رسوم بيانية JavaScript مفيدة للغاية تمكن مطوري البرامج من العمل مع أنواع مختلفة من الرسوم البيانية باستخدام أوامر JavaScript. توفر المكتبة وظائف سهلة الاستخدام للغاية للمكونات وتخصيص العقدة. تعتمد المكتبة على بنية MVC وتركز بشكل أساسي على منطق البيانات بالإضافة إلى منطق الأعمال. هذه المكتبة والوثائق مفتوحة المصدر ومتاحة مجانًا بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.
المكتبة مرنة للغاية وتسمح للمستخدمين بتوسيع الرسوم البيانية والعقد والحواف والأدوات بسهولة. المكتبة مدفوعة بالكامل بالأحداث وتمنح المطورين القدرة على التفاعل مع أي حدث يحدث داخل الرسم البياني. وهو يدعم الإنشاء السريع لمخططات DAG ومخططات ER ومخططات التدفق والتطبيقات الأخرى. مكتبة X6 مستقرة للغاية وتعتمد على SVG / HTML / CSS المعروفة أو React / Vue للعقد والحواف المخصصة.
تضمنت المكتبة دعمًا للعديد من الميزات المهمة ، مثل إضافة عقد جديدة ، وتخصيص العقد الموجودة ، وتبديل التفاعل ، والحد من الحواف المتصلة ، وإضافة النص وتغليفه ، وإضافة المنافذ أو إزالتها ديناميكيًا ، والاتصال بمنفذ ، وتسمية المنفذ ، وتضمين العقد ، قم بتضمين العقدة عن طريق السحب والإفلات واستخدام العلامات والعلامات المخصصة مع المسار وغير ذلك الكثير. تدعم المكتبة أصلاً أنواعًا مختلفة من الأشكال مثل المستطيلات والدوائر والأشكال البيضاوية والمسارات والمضلعات والأسطوانات والمزيد.
الشروع في العمل مع X6
الطريقة المقترحة لتثبيت الإصدار الثابت X6 تستخدم NPM. الرجاء استخدام الأمر التالي للتثبيت السلس
قم بتثبيت X6 عبر NPM
$ npm install @antv/x6 –saveيمكنك تنزيل المكتبة المشتركة المجمعة من مستودع جيثب.
إنشاء وإدارة الرسم التخطيطي عبر JavaScript API
تتيح مكتبة X6 مفتوحة المصدر لمطوري البرامج إنشاء أنواع متعددة من الرسوم البيانية بسهولة داخل تطبيقات JavaScript الخاصة بهم. تضمنت المكتبة دعمًا للأشكال المدمجة التي يمكن استخدامها لرسم مخططات مخصصة بسهولة. يمكنك رسم مخططات تسلسل ومخططات ER ورسومات تخطيطية لفئة UML ورسومات تخطيطية لحالات UML. يمكنك أيضًا بسهولة تصميم الدوائر المنطقية والمخططات التنظيمية وآلات الحالة المحدودة والألغاز والشطرنج وغير ذلك الكثير.
دعم العنصر المخصص
تضمنت مكتبة X6 مفتوحة المصدر عناصر مضمنة يمكن استخدامها لإنشاء رسوم بيانية داخل تطبيقات JavaScript. هناك العديد من الأشكال الافتراضية المتاحة مثل المستطيلات ، والنص ، والدوائر ، والأشكال البيضاوية ، والصور ، والمسارات ، إلخ. يمكن استخدامها لرسم رسم. يمكنك أيضًا إنشاء عناصر جديدة من البداية.
إنشاء وإدارة المخططات عبر JavaScript
قدمت مكتبة X6 دعمًا كاملاً لإنشاء وإدارة المخططات باستخدام كود JavaScript. تضمنت المكتبة دعمًا لعدة أنواع من المخططات مثل المخططات الخطية والشريطية والمساحية والمخططات المجمعة والمخططات الدائرية والدائرية والمقابض. توفر المكتبة أيضًا العديد من الوظائف المتعلقة بمعالجة المخطط مثل تغيير الحجم والتدوير والاتصال بالعناصر الأخرى وما إلى ذلك.
