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

mxGraph 

 
 

JavaScript-diagrambibliotek med öppen källkod

Generera interaktiva graf- och diagramapplikationer via gratis JavaScript-diagrambibliotek med öppen källkod.

mxGraph är ett JavaScript-diagrambibliotek med öppen källkod som tillhandahåller funktionalitet för att rendera SVG- och HTML-diagram. Ingen programvara från tredje part krävs för att använda mxGraph-biblioteket. Det andra bra är att det inte kräver några plugins och kan integreras i praktiskt taget alla ramverk. mxGraph tillhandahåller funktioner som är avsedda att visa interaktiva diagram och grafer. API:et tillhandahåller all vanlig funktionalitet för att rita, interagera med och associera ett sammanhang med ett diagram.

API:et använder en mycket vanlig arkitektur, det kräver en webbserver som har förmågan att hantera HTML-sidor och en webbläsare som stöder JavaScript. Den använder i första hand en JavaScript-fil som innehåller alla biblioteksfunktioner. Den filen läses in på en HTML-webbsida i en JavaScript-sektion och körs i en HTML-behållare i webbläsaren

Previous Next

Komma igång med mxGraph

Det rekommenderade sättet att installera mxGraph är via npm, det är tillgängligt via npm-pakethanteraren. För att använda mxGraph som ett beroende, använd npm install.

Installera mxGraph via npm

npm install mxgraph --save

Generera grafer via JavaScript API

MxGraph-biblioteket med öppen källkod tillhandahåller funktionalitet för att skapa ett diagram eller grafer med JavaScript. Det stöder också modifiering av komplexa grafer genom att skapa nya grafredigerare eller anpassa dem. Först måste du skapa en graf inuti den givna behållaren och sedan kan du enkelt lägga till celler i modellen för att bygga grafen. Du kan enkelt lägga till diagramtitlar och placera anteckningar över flera deltagare. Biblioteket tillhandahåller också ytterligare funktioner som visuella effekter, kontroll av användargränssnitt och mer.

Slå samman två grafer via JavaScript

mxGraph gör det möjligt för datorprogrammerare att slå samman två grafer i sina egna JavaScript-applikationer. Först och främst måste du skapa ett exempeldiagram inuti den givna behållaren. Vänligen gör alla celler runda med en vit, fet etikett. Skapa nu den andra grafmodellen utan behållare. Lägg till celler i målmodellen i ett enda steg med hjälp av anpassade ID för hörn. Nu kan du slå ihop modellen från den andra grafen till modellen för den första grafen.

Rita rutnät med JavaScript

MxGraph-biblioteket gör det möjligt för mjukvaruutvecklare att rita ett rutnät dynamiskt i sina egna JavaScript-applikationer. Du kan enkelt rita ett rutnät dynamiskt med HTML 5-duk. Skapa först grafen inuti den givna behållaren och skapa ett rutnät dynamiskt som kräver en duk. Du måste ändra händelsefiltrering för att acceptera arbetsytan som en behållare. Nu tar c bort bakgrunden om det behövs och ställer in avståndet för rutnätslinjerna i pixlar. Ritar nu själva rutnätet.

 Svenska