mxGraph
Libreria di diagrammi JavaScript open source
Genera applicazioni di grafici e grafici interattivi tramite la libreria di diagrammi JavaScript gratuita open source.
mxGraph è una libreria di diagrammi JavaScript open source che fornisce funzionalità per il rendering di diagrammi SVG e HTML. Non è necessario alcun software di terze parti per utilizzare la libreria mxGraph. L'altra cosa buona è che non richiede plug-in e può essere integrato praticamente in qualsiasi framework. mxGraph fornisce funzionalità destinate alla visualizzazione di diagrammi e grafici interattivi. L'API fornisce tutte le funzionalità comunemente richieste per disegnare, interagire e associare un contesto a un diagramma.
L'API utilizza un'architettura molto comune, richiede un server web in grado di gestire pagine HTML e un browser web che supporti JavaScript. Utilizza principalmente un file JavaScript che contiene tutte le funzionalità della libreria. Tale file viene caricato in una pagina Web HTML in una sezione JavaScript ed eseguito in un contenitore HTML nel browser
A prima vista
Una panoramica delle funzionalità di mxGraph.
- Genera diagramma
- Modifica diagramma
- Visualizza grafici.
- Supporto alla griglia
- Supporto per la forma
- Supporto per etichette
- Diagramma di stile
- Utilizzo dei livelli
- Unisci diagramma
- Supporto barra di scorrimento
mxGraph supporta il formato foglio di lavoro Excel e può esportare dati in formati di file comuni.
Indipendenza dalla piattaforma
mxGraph richiede solo JavaScript.
- Python 2.6 e versioni successive
Guida introduttiva a mxGraph
Il modo consigliato per installare mxGraph è tramite npm, è disponibile tramite il gestore di pacchetti npm. Per utilizzare mxGraph come dipendenza, utilizzare npm install.
Installa mxGraph tramite npm
npm install mxgraph --saveGenera grafici tramite l'API JavaScript
La libreria open source mxGraph fornisce funzionalità per la creazione di un diagramma o di grafici utilizzando JavaScript. Supporta anche la modifica di grafici complessi creando nuovi editor di grafici o personalizzandoli. Innanzitutto, devi creare un grafico all'interno del contenitore specificato e quindi puoi facilmente aggiungere celle al modello per costruire il grafico. Puoi facilmente aggiungere titoli ai diagrammi e inserire note su più partecipanti. La libreria fornisce anche funzionalità aggiuntive come effetti visivi, controllo dell'interfaccia utente e altro ancora.
Unire due grafici tramite JavaScript
mxGraph consente ai programmatori di computer di unire due grafici all'interno delle proprie applicazioni JavaScript. Prima di tutto, devi creare un grafico di esempio all'interno del contenitore specificato. Per favore, arrotonda tutte le celle con un'etichetta bianca in grassetto. Ora crea il secondo modello grafico senza un contenitore. Aggiungi celle al modello di destinazione in un unico passaggio utilizzando ID personalizzati per i vertici. Ora puoi unire il modello del secondo grafico nel modello del primo grafico.
Disegnare la griglia utilizzando JavaScript
La libreria mxGraph consente agli sviluppatori di software di disegnare una griglia dinamicamente all'interno delle proprie applicazioni JavaScript. Puoi facilmente disegnare una griglia in modo dinamico usando la tela HTML 5. Per prima cosa, crea il grafico all'interno del contenitore specificato e crea una griglia in modo dinamico che richiede una tela. Devi modificare il filtro degli eventi per accettare la tela come contenitore. Ora cimpara lo sfondo, se necessario, e imposta la distanza delle linee della griglia in pixel. Ora disegna la griglia effettiva.
