ANTV puso en marcha un nuevo X6 mapa del motor de edición

hormigas X6 vestido dorado motor de edición de mapas de ANTV, enlaces relacionales X pictogramas editar escenas, mientras que X6 es el G6 hermano gemelo, que sigue el G6 6, entrar en ella, 6 de los " Seis grados de separación " para expresar nuestra admiración y fascinación con la relación entre los datos, la red de relaciones.

X6 nacido escenarios de negocio reales de hormigas, en base a esto, se han perfeccionado el editor de mapas extendida comúnmente utilizados escenas, como pequeño mapa, sistema de red, líneas de alineación, carpa, rehacer / deshacer, etc., una función de mapa escena convencional editor interacción y diseño, como grupo, enlaza la pila, la escala nodo, rotación, conexión interactiva, y proporciona un HTML personalizado bajo costo y reaccionar basados en competencias nodo.

características de previsualización

Inicio rápido

Sólo es necesario tener para crear un lienzo, añadir un nodo / EDGE, actualizar el nodo / EDGE, nodos de eliminar / bordes para empezar a utilizar estas API X6, X6 y tenemos que extraer todas las características de elementos de configuración de la lona, el archivo de configuración por defecto del sistema preset.ts elemento de configuración contiene más de 50 300 líneas de código para configurar, puede personalizar rápidamente sus propias capacidades de configuración basada en la lona del X6.

conexión de nodo con el lienzo, diagrama de editar competencias básicas

nodos personalizados fáciles

X6 a través de los preajustes cierto estilo nodo común, crear un nodo shapepara especificar qué gráficos para utilizará para representar nodo puede ser utilizado directamente, pero la mayoría de los nodos y estilo de interacción se puede personalizar.

Sin embargo, los nodos escenarios de negocio reales pueden ser más complejos, estilo preestablecido no cumple con la demanda? No importa, también ofrecemos dos vías flexible para personalizar el nodo. Un tipo de uso o código HTML HTMLElement nodo se define (utilizando el shapedesignado html lata), y otro también puede ser usado para generar los componentes reaccionan nodo (nodo de registro utilizando la API X6 registrada @antv/x6-react-shape con nuestra familia nace de un ANTD oh) .

conexiones ricos y estilo de flecha

Built-in lineal, curva o doblar en la línea ortogonal, la línea de relación, estilos de línea de circulación y otros patrones de cableado común 10 tipos de flechas.

El sistema de red con una lona ilimitada

Malla nodo es la unidad mínima de pixel posicionado en la tela, por ejemplo, cuando la posición del nodo es {x: 12, y: 18}el tamaño de la malla 5, la ubicación real del nodo para hacer que la tela será {x:10, y: 20}. X6 proporciona una forma predeterminada liney dotdos estilos de soporte de rejilla y la rejilla de tamaño y color personalizado.

La infiniteopción de truegirar sobre lienzo infinito, cuando el nodo / borde se acercó al borde de la tela de lona se expandirá automáticamente el tamaño del lienzo.

La interactividad y componentes de apoyo editor de diagramas indispensable

Los vínculos con la pila de anclaje

Y por nodos principales y secundarios isPortse pueden asignar a la pila de células opciones de enlace, tiene conectividad. El ancla está conectado a un punto fijo a lo largo del marco de los nodos frontera de diseño construido diseño rectangular / circular / elíptica / triangular número personalizado de apoyo y la ubicación del ancla, cuando el cursor del ratón sólo se muestra al nodo ancla, el ancla en la prensa ratón puede desencadenar cables.

Haga clic y carpa

Haga clic en el nodo / borde cuando se selecciona el nodo, pulse Comando / Ctrl continua clic puede seleccionar varios nodos a la vez, a través rubberband de la capacidad de abrir los elementos de configuración de la carpa, mientras que el apoyo a la selectionPreview opción de configurar el nodo seleccionado Style / bordes.

Snapline

Snaplines ayudas de distribución de nodos móviles, deshabilitado por defecto, se puede guideconfigurar y estilo abierto elemento línea de alineación de personalización.

pequeño mapa

El apoyo a la prestación de tamaño personalizado y la personalización de estilo, es decir, si el nodo / borde rendir en el mini-mapa, por defecto sólo nodos de render. En el mini-mapa no saca todo el nodo, pero en lugar nodo con un color, soporte de color de color personalizado.

componentes de interfaz de usuario

Configurar un complejo aplicaciones de edición de gráficas también es necesario para utilizar la barra de menú, barra de herramientas desplegable, ContextMenu, Splitbox y otros componentes de interfaz de usuario, nosotros x6-componentes proporcionan algunos de estos componentes reaccionan, se puede utilizar con ANTD uso.

finalmente

Gracias por su paciencia para leer, X6 fue un aunque la versión recién nacido, beta ya está en los datos D internos (diagrama ER), la operación y mantenimiento de la estación (diagrama de flujo) investigación y desarrollo, y otras aplicaciones de líneas de productos, pero creo que hay muchos problemas que deben mejorarse bienvenida en GitHub para darnos problemas de retroalimentación. Si usted está interesado en otros productos o ANTV X6, puede seguir a través de los siguientes canales: