1. Produkter
  2.   Diagram
  3.   JavaScript
  4.   mxGraph 

mxGraph 

 
 

Open Source JavaScript Diagramming Library

Generer interaktive graf- og diagramapplikasjoner via åpen kildekode gratis JavaScript-diagrambibliotek.

mxGraph er et JavaScript-diagrambibliotek med åpen kildekode som gir funksjonalitet for å gjengi SVG- og HTML-diagrammer. Ingen tredjepartsprogramvare kreves for å bruke mxGraph-biblioteket. Den andre gode tingen er at den ikke krever noen plugins og kan integreres i praktisk talt alle rammeverk. mxGraph har funksjoner beregnet på å vise interaktive diagrammer og grafer. API-en gir all vanlig nødvendig funksjonalitet for å tegne, samhandle med og assosiere en kontekst med et diagram.

APIen bruker en veldig vanlig arkitektur, den krever en webserver som har evnen til å håndtere HTML-sider og en nettleser som støtter JavaScript. Den bruker først og fremst én JavaScript-fil som inneholder all bibliotekfunksjonalitet. Denne filen lastes inn på en HTML-webside i en JavaScript-seksjon og kjøres i en HTML-beholder i nettleseren

Previous Next

Komme i gang med mxGraph

Den anbefalte måten å installere mxGraph på er via npm, den er tilgjengelig via npm-pakkebehandlingen. For å bruke mxGraph som en avhengighet, bruk npm install.

Installer mxGraph via npm

npm install mxgraph --save

Generer grafer via JavaScript API

MxGraph-biblioteket med åpen kildekode gir funksjonalitet for å lage et diagram eller grafer ved hjelp av JavaScript. Den støtter også endring av komplekse grafer ved å lage nye grafredigerere eller tilpasse dem. Først må du lage en graf inne i den gitte beholderen, og deretter kan du enkelt legge til celler i modellen for å bygge grafen. Du kan enkelt legge til diagramtitler og legge notater over flere deltakere. Biblioteket tilbyr også tilleggsfunksjoner som visuelle effekter, brukergrensesnittkontroll og mer.

Slå sammen to grafer via JavaScript

mxGraph gjør det mulig for dataprogrammerere å slå sammen to grafer i sine egne JavaScript-applikasjoner. Først av alt må du lage en prøvegraf inne i den gitte beholderen. Vennligst gjør alle celler runde med en hvit, fet etikett. Lag nå den andre grafmodellen uten en beholder. Legg til celler i målmodellen i ett enkelt trinn ved å bruke egendefinerte IDer for toppunktene. Nå kan du slå sammen modellen fra den andre grafen til modellen til den første grafen.

Tegne rutenett ved hjelp av JavaScript

mxGraph-biblioteket gjør det mulig for programvareutviklere å tegne et rutenett dynamisk i sine egne JavaScript-applikasjoner. Du kan enkelt tegne et rutenett dynamisk ved hjelp av HTML 5-lerret. Opprett først grafen inne i den gitte beholderen og lag et rutenett dynamisk som krever et lerret. Du må endre hendelsesfiltrering for å godta lerret som en beholder. Nå lærer c bakgrunnen om nødvendig og angir avstanden til rutenettlinjene i piksler. Tegner nå selve rutenettet.

 Norsk