Gratis JavaScript-bibliotek for å generere og Eidt-populære diagrammer
Gratis JavaScript-bibliotek for å lage og redigere forskjellige typer diagrammer. Den tillater rask konstruksjon av DAG-diagrammer, ER-diagrammer, flytskjemaer og mer.
X6 er et veldig nyttig JavaScript-diagrambibliotek som gjør det mulig for programvareutviklere å jobbe med forskjellige typer diagrammer ved hjelp av JavaScript-kommandoer. Biblioteket gir svært brukervennlige funksjoner for komponenter og nodetilpasning. Biblioteket er basert på MVC-arkitektur og fokuserer hovedsakelig på datalogikk så vel som forretningslogikk. Dette biblioteket og dokumentasjonen er åpen kildekode og er fritt tilgjengelig under MIT-lisensen.
Biblioteket er veldig fleksibelt og lar brukere enkelt utvide grafer, noder, kanter og verktøy. Biblioteket er fullstendig hendelsesdrevet og gir utviklere muligheten til å reagere på enhver hendelse som skjer inne i grafen. Den støtter rask konstruksjon av DAG-diagrammer, ER-diagrammer, flytskjemaer og andre applikasjoner. X6-biblioteket er veldig stabilt og basert på velkjente SVG/HTML/CSS eller React/Vue til tilpassede noder og kanter.
Biblioteket har inkludert støtte for flere viktige funksjoner, som å legge til nye noder, tilpasse eksisterende noder, bytte interaksjon, begrense tilkoblede kanter, legge til og pakke tekst, legge til eller fjerne porter dynamisk, koble til en port, merke en port, bygge inn noder, bygge inn node ved å dra og slipp, bruk markører, egendefinerte markører med bane og mye mer. Biblioteket støtter naturlig forskjellige typer former som rektangler, sirkler, ellipser, baner, polygoner, sylindre og mer.
Komme i gang med X6
Den foreslåtte måten å installere X6 stabil utgivelse på er å bruke NPM. Bruk følgende kommando for en jevn installasjon
Installer X6 via NPM
$ npm install @antv/x6 –saveDu kan laste ned det kompilerte delte biblioteket fra github-depotet.
Opprett og administrer diagram via JavaScript API
X6-biblioteket med åpen kildekode lar programvareutviklere enkelt lage flere typer diagrammer i sine egne JavaScript-apper. Biblioteket har inkludert støtte for innebygde former som kan brukes til å tegne tilpassede diagrammer med letthet. Du kan tegne sekvensdiagrammer, ER-diagrammer, UML-klassediagrammer og UML-tilstandskartdiagrammer. Du kan også enkelt designe logiske kretser, organisasjonskart, Finite state-maskiner, puslespill, sjakk og mye mer.
Custom Element Support
X6-biblioteket med åpen kildekode har inkludert innebygde elementer som kan brukes til å lage diagrammer i JavaScript-apper. Det er flere standardformer tilgjengelig som rektangler, tekst, sirkler, ellipser, bilder, baner osv. Disse kan brukes til å tegne en tegning. Du kan også lage nye elementer fra bunnen av.
Opprett og administrer diagrammer via JavaScript
X6-biblioteket har gitt fullstendig støtte for å generere og administrere diagrammer ved hjelp av JavaScript-kode. Biblioteket har inkludert støtte for flere typer diagrammer som linje-, søyle-, område-, kombinasjonsdiagrammer, kake- og smultringdiagrammer og knotter. Biblioteket tilbyr også flere funksjoner relatert til diagrammanipulering som å endre størrelse, rotere, koble til andre elementer og så videre.
