mxGraph
Open Source JavaScript-diagrambibliotek
Generer interaktive graf- og diagramapplikationer via Open Source Gratis JavaScript-diagrambibliotek.
mxGraph er et open source JavaScript-diagrambibliotek, der giver funktionalitet til gengivelse af SVG- og HTML-diagrammer. Der kræves ingen tredjepartssoftware for at bruge mxGraph-biblioteket. Den anden gode ting er, at det ikke kræver plugins og kan integreres i stort set alle rammer. mxGraph giver funktioner beregnet til at vise interaktive diagrammer og grafer. API'en giver al den almindeligt nødvendige funktionalitet til at tegne, interagere med og associere en kontekst med et diagram.
API'et bruger en meget almindelig arkitektur, det kræver en webserver, der har evnen til at håndtere HTML-sider og en webbrowser, der understøtter JavaScript. Det bruger primært én JavaScript-fil, der indeholder al biblioteksfunktionalitet. Denne fil indlæses på en HTML-webside i en JavaScript-sektion og udføres i en HTML-beholder i browseren
Ved første øjekast
En oversigt over mxGraph-funktioner.
- Generer diagram
- Rediger diagram
- Vis grafer.
- Grid support
- Formstøtte
- Etiketstøtte
- Stildiagram
- Brug af lag
- Flet diagram
- Understøttelse af rullepanel
mxGraph understøtter Excel-regnearksformat, ligesom det kan eksportere data til almindelige filformater.
Platformuafhængighed
mxGraph kræver kun JavaScript.
- Python 2.6 og nyere
Kom godt i gang med mxGraph
Den anbefalede måde at installere mxGraph på er via npm, den er tilgængelig via npm-pakkehåndteringen. For at bruge mxGraph som en afhængighed skal du bruge npm install.
Installer mxGraph via npm
npm install mxgraph --saveGenerer grafer via JavaScript API
Open source mxGraph-biblioteket giver funktionalitet til at oprette et diagram eller grafer ved hjælp af JavaScript. Det understøtter også ændring af komplekse grafer ved at oprette nye grafeditorer eller tilpasse dem. Først skal du oprette en graf inde i den givne beholder, og derefter kan du nemt tilføje celler til modellen for at bygge grafen. Du kan nemt tilføje diagramtitler og placere noter over flere deltagere. Biblioteket giver også yderligere funktioner som visuelle effekter, brugergrænsefladekontrol og mere.
Sammenlægning af to grafer via JavaScript
mxGraph gør det muligt for computerprogrammører at flette to grafer i deres egne JavaScript-applikationer. Først og fremmest skal du oprette en prøvegraf inde i den givne beholder. Gør venligst alle celler runde med en hvid, fed etiket. Opret nu den anden grafmodel uden en beholder. Føj celler til målmodellen i et enkelt trin ved hjælp af tilpassede id'er for hjørnerne. Nu kan du flette modellen fra den anden graf til modellen for den første graf.
Tegningsgitter ved hjælp af JavaScript
mxGraph-biblioteket gør det muligt for softwareudviklere at tegne et gitter dynamisk inde i deres egne JavaScript-applikationer. Du kan nemt tegne et gitter dynamisk ved hjælp af HTML 5-lærred. Opret først grafen inde i den givne beholder og opret et gitter dynamisk, der kræver et lærred. Du skal ændre hændelsesfiltrering for at acceptere lærred som en beholder. Nu aflæser c baggrunden, hvis det kræves, og indstiller afstanden til gitterlinjerne i pixels. Tegner nu selve gitteret.
