Gratis JavaScript-bibliotek til at generere og Eidt-populære diagrammer
Gratis JavaScript-bibliotek til at oprette og redigere forskellige slags diagrammer. Det giver mulighed for hurtig konstruktion af DAG-diagrammer, ER-diagrammer, flowcharts og mere.
X6 er et meget nyttigt JavaScript-diagrambibliotek, der gør det muligt for softwareudviklere at arbejde med forskellige typer diagrammer ved hjælp af JavaScript-kommandoer. Biblioteket giver meget brugervenlige funktioner til komponenter og nodetilpasning. Biblioteket er baseret på MVC-arkitektur og fokuserer hovedsageligt på datalogik såvel som forretningslogik. Dette bibliotek og dokumentation er open source og er frit tilgængeligt under MIT-licensen.
Biblioteket er meget fleksibelt og giver brugerne mulighed for nemt at udvide grafer, noder, kanter og værktøjer. Biblioteket er fuldt hændelsesdrevet og giver udviklere mulighed for at reagere på enhver begivenhed, der sker inde i grafen. Det understøtter den hurtige konstruktion af DAG-diagrammer, ER-diagrammer, flowcharts og andre applikationer. X6-biblioteket er meget stabilt og baseret på velkendte SVG/HTML/CSS eller React/Vue til brugerdefinerede noder og kanter.
Biblioteket har inkluderet understøttelse af flere vigtige funktioner, såsom tilføjelse af nye noder, tilpasning af eksisterende noder, switch-interaktion, begrænsning af tilsluttede kanter, tilføjelse og indpakning af tekst, tilføjelse eller fjernelse af porte dynamisk, tilslutning til en port, mærkning af en port, indlejring af noder, indlejre node ved at trække og slippe, bruge markører, brugerdefinerede markører med sti og meget mere. Biblioteket understøtter naturligt forskellige former for former såsom rektangler, cirkler, ellipser, stier, polygoner, cylindre og mere.
Kom godt i gang med X6
Den foreslåede måde at installere X6 stabil udgivelse på er at bruge NPM. Brug venligst følgende kommando for en problemfri installation
Installer X6 via NPM
$ npm install @antv/x6 –saveDu kan downloade det kompilerede delte bibliotek fra github-lageret.
Opret og administrer diagram via JavaScript API
Open source X6-biblioteket giver softwareudviklere mulighed for nemt at lave flere typer diagrammer i deres egne JavaScript-apps. Biblioteket har inkluderet understøttelse af indbyggede former, som kan bruges til at tegne brugerdefinerede diagrammer med lethed. Du kan tegne sekvensdiagrammer, ER-diagrammer, UML-klassediagrammer og UML-tilstandsdiagrammer. Du kan også nemt designe logiske kredsløb, organisationsdiagrammer, Finite state-maskiner, puslespil, skak og meget mere.
Custom Element Support
Open source X6-biblioteket har inkluderet indbyggede elementer, der kan bruges til at oprette diagrammer inde i JavaScript-apps. Der er flere tilgængelige standardformer såsom rektangler, tekst, cirkler, ellipser, billeder, stier osv. Disse kan bruges til at tegne en tegning. Du kan også oprette nye elementer fra bunden.
Opret og administrer diagrammer via JavaScript
X6-biblioteket har leveret komplet support til at generere såvel som styring af diagrammer ved hjælp af JavaScript-kode. Biblioteket har inkluderet understøttelse af flere typer diagrammer såsom linje-, søjle-, område-, kombinationsdiagrammer, cirkel- og doughnut-diagrammer og knopper. Biblioteket indeholder også flere funktioner relateret til diagrammanipulation, såsom ændring af størrelse, rotation, forbindelse til andre elementer og så videre.
