1. Productos
  2.   Diagrama
  3.   JavaScript
  4.   mxGraph 

mxGraph 

 
 

Biblioteca de diagramas JavaScript de código abierto

Genere aplicaciones interactivas de gráficos y gráficos a través de la biblioteca de diagramas JavaScript gratuita de código abierto.

mxGraph es una biblioteca de creación de diagramas JavaScript de código abierto que proporciona funcionalidad para representar diagramas SVG y HTML. No se requiere software de terceros para usar la biblioteca mxGraph. La otra cosa buena es que no requiere complementos y se puede integrar en prácticamente cualquier marco. mxGraph proporciona funciones destinadas a mostrar diagramas y gráficos interactivos. La API proporciona toda la funcionalidad comúnmente requerida para dibujar, interactuar y asociar un contexto con un diagrama.

La API utiliza una arquitectura muy común, requiere un servidor web que tenga la capacidad de manejar páginas HTML y un navegador web que admita JavaScript. Utiliza principalmente un archivo JavaScript que contiene toda la funcionalidad de la biblioteca. Ese archivo se carga en una página web HTML en una sección de JavaScript y se ejecuta en un contenedor HTML en el navegador.

Previous Next

Primeros pasos con mxGraph

La forma recomendada de instalar mxGraph es a través de npm, está disponible a través del administrador de paquetes de npm. Para usar mxGraph como dependencia, use npm install.

Instalar mxGraph a través de npm

npm install mxgraph --save

Generar gráficos a través de la API de JavaScript

La biblioteca mxGraph de código abierto proporciona funcionalidad para crear un diagrama o gráficos usando JavaScript. También admite la modificación de gráficos complejos creando nuevos editores de gráficos o personalizándolos. Primero, debe crear un gráfico dentro del contenedor dado y luego puede agregar fácilmente celdas al modelo para construir el gráfico. Puede agregar fácilmente títulos de diagramas y colocar notas sobre varios participantes. La biblioteca también proporciona características adicionales como efectos visuales, control de interfaz de usuario y más.

Fusionar dos gráficos a través de JavaScript

mxGraph permite a los programadores de computadoras fusionar dos gráficos dentro de sus propias aplicaciones de JavaScript. En primer lugar, debe crear un gráfico de muestra dentro del contenedor dado. Haga que todas las celdas sean redondas con una etiqueta blanca en negrita. Ahora cree el segundo modelo gráfico sin un contenedor. Agregue celdas al modelo de destino en un solo paso usando identificaciones personalizadas para los vértices. Ahora puede fusionar el modelo del segundo gráfico con el modelo del primer gráfico.

Dibujar cuadrícula usando JavaScript

La biblioteca mxGraph permite a los desarrolladores de software dibujar una cuadrícula dinámicamente dentro de sus propias aplicaciones de JavaScript. Puede dibujar fácilmente una cuadrícula dinámicamente utilizando el lienzo HTML 5. Primero, cree el gráfico dentro del contenedor dado y cree una cuadrícula dinámicamente que requiera un lienzo. Debe modificar el filtrado de eventos para aceptar el lienzo como contenedor. Ahora borra el fondo si es necesario y establece la distancia de las líneas de la cuadrícula en píxeles. Ahora dibuja la cuadrícula real.

 Español