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 canvas. Първо, моля, създава графиката в дадения контейнер и създава динамично мрежа, която изисква платно. Трябва да промените филтрирането на събития, за да приемете платното като контейнер. Сега cизчиства фона, ако е необходимо, и задава разстоянието на линиите на мрежата в пиксели. Сега рисува действителната мрежа.
