GoJS es un control de diagrama de flujo poderoso, rápido y liviano que puede ayudarlo a crear diagramas de flujo en programas JavaScript y HTML5 Canvas, y simplificar enormemente sus programas JavaScript / Canvas.
Descargue la última versión de GoJS 【Huidu.com】
constructor
new Graph Object (): GraphObject
Esta es una clase abstracta, por lo que no debe usar este constructor.
Propiedades
actionCancel: function (e: InputEvent, thisObj: GraphObject): void | nulo
Obtiene o establece la función que se ejecutará cuando se cancele ActionTool y el isActionable de este GraphObject se establezca en verdadero. Esta propiedad rara vez se establece. De forma predeterminada, este atributo es nulo.
Establezca esta propiedad de función solo en combinación con ActionTool en los objetos (como botones, perillas o controles deslizantes) que necesitan manejar todos los eventos, reemplazando así el mecanismo de herramienta convencional.
ActionTool no realiza ninguna transacción, por lo tanto, si el valor de este atributo, la función no se llamará en la transacción.
actionDown: function (e: InputEvent, thisObj: GraphObject): void | null
Obtiene o establece la función que se ejecutará en el evento del mouse hacia abajo cuando isActionable de este GraphObject se establece en verdadero. Esta propiedad rara vez se establece. De forma predeterminada, este atributo es nulo.
Establezca esta propiedad de función solo en combinación con ActionTool en los objetos (como botones, perillas o controles deslizantes) que necesitan manejar todos los eventos, reemplazando así el mecanismo de herramienta convencional.
ActionTool no realiza ninguna transacción, por lo tanto, si el valor de este atributo, la función no se llamará en la transacción.
actionMove: function (e: InputEvent, thisObj: GraphObject): void | null
Obtiene o establece la función que se ejecutará en el evento de movimiento del mouse cuando isActionable de este GraphObject se establece en verdadero. Esta propiedad rara vez se establece. De forma predeterminada, este atributo es nulo.
Establezca esta propiedad de función solo en combinación con ActionTool en los objetos (como botones, perillas o controles deslizantes) que necesitan manejar todos los eventos, reemplazando así el mecanismo de herramienta convencional.
ActionTool no realiza ninguna transacción, por lo tanto, si el valor de este atributo, la función no se llamará en la transacción.
actionUp: function (e: InputEvent, thisObj: GraphObject): void | nulo
Obtiene o establece la función que se ejecutará en el evento del mouse hacia arriba cuando isActionable de este GraphObject se establece en verdadero. Esta propiedad rara vez se establece. De forma predeterminada, este atributo es nulo.
Establezca esta propiedad de función solo en combinación con ActionTool en los objetos (como botones, perillas o controles deslizantes) que necesitan manejar todos los eventos, reemplazando así el mecanismo de herramienta convencional.
ActionTool no realiza ninguna transacción, por lo tanto, si el valor de este atributo, la función no se llamará en la transacción. Si proporciona una función que puede cambiar el diagrama o su modelo, esto debe hacerse dentro de una llamada de transacción Diagram.startTransaction y Diagram.commitTransaction.
actualBounds: rectángulo
Esta propiedad de solo lectura devuelve el límite de este GraphObject en coordenadas de contenedor. Esto significa que, a menos que sea una parte, los realBounds están en el espacio de coordenadas del panel GraphObject, en este caso, están en el sistema de coordenadas del gráfico.
No debe modificar ninguna propiedad de Rect, es decir, el valor de esta propiedad.
Si este GraphObject es una parte, los valores xey de actualBounds son los mismos, la posición de la segunda parte y el ancho y alto de actualBounds representan el espacio rectangular ocupado por las coordenadas en la parte Diagram.documentBounds.
Si este GraphObject no es un objeto de nivel superior (no es una Parte), los valores xey de ActualBounds indican la posición del GraphObject en el panel. En Panel.Position tipo Panel, esta es la misma posición que GraphObject, pero en otros casos, depende del método de trabajo único de cada tipo de Panel. El ancho y alto actualBounds del GraphObject son el tamaño final después de aplicar la escala y el ángulo.
Un GraphObject (que puede ser un GraphObject o un Panel que contiene varios GraphObjects) puede no contener Part. En este caso, estos GraphObjects pueden no aparecer en el gráfico. Es poco probable que estos GraphObjects tengan el valor real de sus realBounds, porque es posible que nunca tengan la oportunidad de medirse y organizarse.
Como ocurre con todas las propiedades de solo lectura, es poco probable que el uso de esta propiedad como fuente de enlace sea útil.
Posicionamiento: Spot
Obtiene o establece el punto de alineación de este GraphObject utilizado en el diseño del panel para determinar dónde debe colocarse este objeto en el área asignada por el panel.
El valor predeterminado es Spot.Default, que permite al Panel usar Panel.defaultAlignment para determinar Spot. Si el atributo también es Spot.Default, el punto de alineación será diferente según el tipo de panel.
La alineaciónFocus se usa generalmente junto con este atributo para especificar que el objeto debe colocarse en el panel en.
Un Spot.Default es equivalente a Spot.Center en paneles de escena, automóvil, horizontales y verticales. Para ver ejemplos de alineación en diferentes paneles, consulte la página "Introducción" en "Paneles".
Enfoque: Sopt
Obtiene o establece el punto de este GraphObject que se utilizará como punto de alineación en Spot y Fixed Panel. El valor debe ser puntual.
El valor predeterminado es Spot.Default, lo que significa que el tipo de panel puede determinar el punto de alineación efectivo.
La alineación se usa a menudo junto con este atributo para especificar que el objeto debe colocarse en el panel.
Para Panel.Graduate, el punto de enfoque de alineación determina el punto en el elemento secundario que se alinea con un punto en el elemento principal.
Si desea que la etiqueta de vínculo Nodo se ubique por su punto de anclaje en lugar del punto de enfoque de alineación, puede establecer esta propiedad en Spot.None, solo en el Node.
Para ver ejemplos de alineación en diferentes paneles, consulte la página "Introducción" en "Paneles".
Advertencia: A partir de 2.0, para los paneles de puntos, el offsetX / offsetY de la alineaciónFocus se ha invertido. Ahora, offsetX / Y describe la distancia de desplazamiento desde el punto de enfoque de alineación hasta el punto de alineación, no al revés. Esto es lo que siempre se describirá cuando se utilice alignFocus con etiquetas de enlace.
Ángulo: Número
Obtiene o establece la transformación de ángulo (en grados) de este GraphObject. El valor debe ser un número. Si el valor no está entre (0 <= valor <360), se estandarizará para estar dentro de este rango. Cero a lo largo del eje X positivo (a la derecha); 90 a lo largo del eje Y positivo (abajo). El valor predeterminado es 0.
Al configurar la etiqueta TextBlock del panel de escala, si segmentoOrientación no es Link.None, Link.OrientAlong o Link.OrientUpright, este valor se ignorará. OrientAlong y OrientUpright utilizarán este ángulo en relación con la pendiente del camino principal.
Al configurar la etiqueta de enlace, si segmentoOrientación no es Enlace.Ninguno, este valor se ignorará.
Trasfondo regional: BrushLike
Obtiene o establece el pincel areaBackground de este GraphObject. El areaBackground llena el rectángulo descrito por las coordenadas de este GraphObject que contiene el panel. Si gira el objeto, el área de fondo se expandirá para llenar todo el rango de medición del objeto sin girar el pincel.
El valor puede ser un objeto Brush o una cadena de colores CSS. El valor predeterminado es nulo: el fondo del área no se dibuja. Para obtener más información sobre la sintaxis de las cadenas de colores CSS, consulte: colores CSS (mozilla.org).
Background: BrushLike
obtiene o establece el fondo Brush de este GraphObject para llenar el rectángulo del espacio de coordenadas local del objeto. Si gira el objeto, el fondo también girará con él.
El valor puede ser un objeto Brush o una cadena de colores CSS. El valor predeterminado es nulo: no se dibuja ningún fondo. Para obtener más información sobre la sintaxis de las cadenas de colores CSS, consulte: colores CSS (mozilla.org).
haga clic en: función (e: InputEvent, thisObj: GraphObject): void | nulo
Obtiene o establece la función que se ejecutará cuando el usuario haga clic en el objeto. Por lo general, esto requiere mover el mouse hacia abajo y luego usar el botón izquierdo del mouse (principal) para mover el mouse hacia arriba rápidamente en aproximadamente la misma posición. Cuando el usuario hace clic en GraphObject, ClickSelectingTool utiliza esta propiedad. Además del DiagramEvent activado por nombre, esta función también se llama. "ObjectSingleClicked"
Si este valor de atributo es una función, use InputEvent y este GraphObject para llamar. InputEvent.targetObject estipula que GraphObject GraphObject.panel s se encuentra antes de que el mouse haga clic en el árbol visual para obtener este objeto.
Desde el segundo parámetro obj, puede llegar a Node o Link a través del atributo part. Desde allí, puede acceder a los datos vinculados a través de la propiedad Panel.data. Por lo tanto, puede obtener los datos de enlace obj.part.data del controlador de eventos.
De forma predeterminada, este atributo es nulo.
Los objetos de Layer of Layer.isTemporary no reciben eventos de clic. Si realmente desea que dichos objetos respondan a los clics, establezca isActionable en verdadero.
Si proporciona una función que puede cambiar el diagrama o su modelo, esto debe hacerse dentro de una llamada de transacción Diagram.startTransaction y Diagram.commitTransaction.
En el ejemplo de "flecha" se muestra un ejemplo de un controlador de eventos de clic.
Columna: Número
Obtiene o establece la columna de este GraphObject (si está en el "panel de tabla"). El valor debe ser un pequeño entero no negativo. El valor predeterminado es 0.
Intervalo de columnas: número
Obtiene o establece el número de columnas que abarca este GraphObject (si está en el panel de la tabla). El valor debe ser un pequeño entero positivo. El valor predeterminado es 1.
Si desea comprar una licencia GoJS genuina, o para obtener más información sobre el producto, haga clic en [Consultar servicio al cliente en línea]