GoJS
إنشاء الرسوم البيانية ومعالجتها عبر JavaScript API
مكتبة JavaScript مفتوحة المصدر تسمح للمطورين بإنشاء ومعالجة الرسوم البيانية والمخططات وكذلك الرسوم البيانية داخل تطبيقات JavaScript الخاصة بهم.
مكتبة JavaScript قوية جدًا تمنح مطوري البرامج القدرة على إنشاء الرسوم البيانية والمخططات والرسوم البيانية ومعالجتها داخل تطبيقات JavaScript الخاصة بهم. تضمنت المكتبة دعمًا للتخطيطات المضمنة مثل تخطيط الشجرة والتخطيط الشعاعي بالإضافة إلى تخطيط Digraph ذو الطبقات وبعض التخطيطات المخصصة. يمكن استخدام المكتبة بسهولة في متصفح الويب أو من جانب الخادم في Node أو Puppeteer.
مكتبة GoJS مرنة للغاية وتسمح للمطورين بعمل عدد من الأنواع المختلفة من الرسوم البيانية ، مثل المخططات الانسيابية والمخططات الطبية والمخططات التنظيمية وأدوات التصميم وأدوات التخطيط ومخططات الحالة ومخططات سانكي والعمليات الصناعية واللغات المرئية وما إلى ذلك. .
تقدم المكتبة ميزات تفاعلية قوية للغاية مثل سحب وإفلات عناصر الرسم التخطيطي ، ونسخ المحتويات ولصقها ، وتلميحات الأدوات ، وقوائم السياق ، واستخدام القوالب ، ودعم ربط البيانات ، ومعالجات الأحداث ، والتخطيطات التلقائية ، وتطبيق الرسوم المتحركة القابلة للتخصيص ، وغير ذلك الكثير. يمكنك أيضًا عرض عنصر HTML Canvas وتصديره إلى SVG بالإضافة إلى تنسيقات الصور الأخرى.
لمحة سريعة
نظرة عامة على ميزات GoJS.
- توليد الرسم التخطيطي
- إنشاء الرسوم البيانية
- إدارة الرسوم البيانية
- تحرير الرسم التخطيطي
- عرض الرسوم البيانية
- استخدم القوالب
- ربط البيانات
- معالجات الأحداث
- مخطط النمط
- تخطيطات تلقائية
- رسوم متحركة قابلة للتخصيص
- تلميحات
تدعم GoJS تنسيق الرسوم البيانية كما يمكنها تصدير البيانات إلى تنسيقات الملفات الشائعة.
منصة الاستقلال
تتطلب GoJS فقط JavaScript.
- Python 2.6 وما فوق
الشروع في العمل مع GoJS
الطريقة الموصى بها لتثبيت GoJS هي عبر npm ، وهي متوفرة عبر مدير الحزم npm ، استخدم الأوامر التالية.
قم بتثبيت GoJS عبر npm
$ npm install gojs --saveارسم مخططات انسيابية عبر JavaScript API
قدمت مكتبة GoJS مفتوحة المصدر دعمًا لإنشاء العديد من أنواع المخططات وعرض ميزات وتخطيطات محددة. يمكنك رسم مخططات انسيابية باستخدام سطرين من كود JavaScript. تضمنت المكتبة دعمًا للوحات ، والعقد القابلة للربط ، وسلوك السحب / الإفلات ، وتحرير النص ، واستخدام خرائط قالب العقدة لرسم مخططات المخطط الانسيابي. يمكنك أيضًا تعديل المخطط الحالي وعقدة الرسم التخطيطي وكذلك Textblock بسهولة.
إنشاء وتحرير مخطط الحالة عبر JavaScript
يستخدم مخطط الحالة لوصف سلوك الأنظمة. يمكن استخدام مخطط الحالة لتمثيل حالة النظام أو جزء منه في عدد محدود من الحالات أو المرات. قدمت مكتبة GoJS الدعم لإنشاء الرسوم التخطيطية للحالة وتحريرها بسهولة. يمكنك بسهولة رسم أي عدد تريده من العقد ويمكنك رسم العديد من الروابط من عقدة إلى عقدة أخرى حسب الرغبة ، ويمكنك إعادة تشكيل الروابط أو إزالتها عند تحديدها.
إنشاء دائرة منطقية عبر JavaScript
البوابات المنطقية هي اللبنات الأساسية لأي نظام رقمي. البوابة المنطقية هي نموذج مثالي للحساب أو جهاز إلكتروني فعلي ينفذ وظيفة منطقية. المكتبة غنية بالميزات وقدمت العديد من الوظائف المهمة لصنع الدوائر باستخدام البوابات والأسلاك. إنه سهل الاستخدام للغاية ويساعد المستخدمين على إدارة الرسوم البيانية بسهولة. يتم توفير لوحة تسمح لك بسحب وإسقاط العقد الجديدة وإدارة الرسم التخطيطي الخاص بك. يمكنك بسهولة تحديث كل عقدة وفقًا للنوع الذي يستخدم لون الروابط في العقدة لتحديد لون تلك التي تخرج منها.
رسم ووضع عناصر الرسم البياني
تتيح مكتبة GoJS مفتوحة المصدر لمطوري البرامج إمكانية رسم عناصر الرسم التخطيطي ووضعها بسهولة داخل تطبيقات JavaScript الخاصة بهم. تسمح المكتبة للمطورين بتحديد ووضع الأجزاء المحددة من الرسم التخطيطي بالنسبة لبعضها البعض باستخدام سطرين فقط من التعليمات البرمجية. يمكنك أيضًا التعامل بسهولة مع مفاتيح الأسهم واستخدام "إزاحة لصق" بحيث يؤدي لصق الكائنات إلى تتابعها بدلاً من وضعها فوق بعضها البعض.
