mxGraph
ספריית דיאגרמות JavaScript בקוד פתוח
צור יישומי גרפים ותרשימים אינטראקטיביים באמצעות ספריית דיאגרמות JavaScript בחינם בקוד פתוח.
mxGraph היא ספריית דיאגרמות JavaScript בקוד פתוח המספקת פונקציונליות לעיבוד דיאגרמות SVG ו-HTML. אין צורך בתוכנת צד שלישי כדי להשתמש בספריית mxGraph. הדבר הטוב הנוסף הוא שזה לא דורש תוספים וניתן לשלב אותו כמעט בכל מסגרת. mxGraph מספק תכונות שנועדו להציג דיאגרמות וגרפים אינטראקטיביים. ה-API מספק את כל הפונקציונליות הנדרשת בדרך כלל לציור, אינטראקציה ושיוך הקשר עם דיאגרמה.
ה-API משתמש בארכיטקטורה נפוצה מאוד, הוא דורש שרת אינטרנט בעל יכולת לטפל בדפי HTML ודפדפן אינטרנט התומך ב-JavaScript. הוא משתמש בעיקר בקובץ JavaScript אחד המכיל את כל פונקציונליות הספרייה. קובץ זה נטען לדף אינטרנט HTML במקטע JavaScript ופועל במיכל HTML בדפדפן
במבט ראשון
סקירה כללית של תכונות mxGraph.
- צור דיאגרמה
- ערוך תרשים
- הצגת גרפים.
- תמיכה ברשת
- תמיכת צורה
- תמיכת תווית
- דיאגרמת סגנון
- שימוש בשכבות
- מיזוג דיאגרמת
- תמיכה בסרגל גלילה
mxGraph תומך בפורמט גיליונות אלקטרוניים של Excel וכן הוא יכול לייצא נתונים לפורמטים נפוצים של קבצים.
עצמאות פלטפורמה
mxGraph דורש רק JavaScript.
- Python 2.6 ומעלה
תחילת העבודה עם mxGraph
הדרך המומלצת להתקין את mxGraph היא דרך npm, היא זמינה דרך מנהל החבילות npm. כדי להשתמש ב-mxGraph כתלות, השתמש ב-npm install.
התקן mxGraph דרך npm
npm install mxgraph --saveצור גרפים באמצעות JavaScript API
ספריית הקוד הפתוח mxGraph מספקת פונקציונליות ליצירת דיאגרמה או גרפים באמצעות JavaScript. זה גם תומך בשינוי גרפים מורכבים על ידי יצירת עורכי גרפים חדשים או התאמה אישית שלהם. ראשית, עליך ליצור גרף בתוך המיכל הנתון ולאחר מכן תוכל להוסיף בקלות תאים למודל כדי לבנות את הגרף. אתה יכול בקלות להוסיף כותרות דיאגרמות ולהכניס הערות למספר משתתפים. הספרייה מספקת גם תכונות נוספות כמו אפקטים חזותיים, בקרת ממשק משתמש ועוד.
מיזוג שני גרפים באמצעות JavaScript
mxGraph מאפשר למתכנתי מחשבים למזג שני גרפים בתוך יישומי JavaScript שלהם. קודם כל, עליך ליצור גרף לדוגמה בתוך המיכל הנתון. אנא הפוך את כל התאים לעגולים עם תווית לבנה ומודגשת. כעת נא ליצור את מודל הגרף השני ללא מיכל. הוסף תאים למודל היעד בשלב אחד באמצעות מזהים מותאמים אישית עבור הקודקודים. כעת ניתן למזג את המודל מהגרף השני למודל של הגרף הראשון.
ציור רשת באמצעות JavaScript
ספריית mxGraph מאפשרת למפתחי תוכנה לצייר רשת באופן דינמי בתוך יישומי JavaScript שלהם. אתה יכול בקלות לצייר רשת באופן דינמי באמצעות קנבס HTML 5. תחילה נא ליצור את הגרף בתוך המיכל הנתון וליצור רשת באופן דינמי הדורש קנבס. עליך לשנות את סינון האירועים כדי לקבל קנבס כמכיל. כעת cלומד את הרקע במידת הצורך ומגדיר את המרחק של קווי הרשת בפיקסלים. כעת מצייר את הרשת בפועל.
