GoJS是一款功能強(qiáng)大，快速且輕量級(jí)的流程圖控件，可幫助你在JavaScript 和HTML5 Canvas程序中創(chuàng)建流程圖，且極大地簡(jiǎn)化您的JavaScript / Canvas 程序。

點(diǎn)擊下載GoJS最新版

constructor
new Graph Object （）：GraphObject
這是一個(gè)抽象類(lèi)，因此您不應(yīng)使用此構(gòu)造函數(shù)。

Properties

actionCancel : function(e: InputEvent, thisObj: GraphObject): void | null

獲取或設(shè)置取消ActionTool并將此GraphObject的isActionable 設(shè)置為true時(shí)要執(zhí)行的函數(shù)。很少設(shè)置此屬性。默認(rèn)情況下，此屬性為null。

僅在要處理所有事件的對(duì)象（例如按鈕，旋鈕或滑塊）上結(jié)合ActionTool設(shè)置此功能屬性，從而取代了常規(guī)工具機(jī)制。

該ActionTool不進(jìn)行任何交易，因此，如果這個(gè)屬性的值，該功能將不會(huì)被事務(wù)中調(diào)用。

actionDown : function(e: InputEvent, thisObj: GraphObject): void | null
獲取或設(shè)置當(dāng)此GraphObject的isActionable 設(shè)置為true時(shí)在鼠標(biāo)按下事件上執(zhí)行的函數(shù)。很少設(shè)置此屬性。默認(rèn)情況下，此屬性為null。

僅在要處理所有事件的對(duì)象（例如按鈕，旋鈕或滑塊）上結(jié)合ActionTool設(shè)置此功能屬性，從而取代了常規(guī)工具機(jī)制。

該ActionTool不進(jìn)行任何交易，因此，如果這個(gè)屬性的值，該功能將不會(huì)被事務(wù)中調(diào)用。

actionMove : function(e: InputEvent, thisObj: GraphObject): void | null
獲取或設(shè)置當(dāng)此GraphObject的isActionable 設(shè)置為true時(shí)在鼠標(biāo)移動(dòng)事件上執(zhí)行的函數(shù)。很少設(shè)置此屬性。默認(rèn)情況下，此屬性為null。
僅在要處理所有事件的對(duì)象（例如按鈕，旋鈕或滑塊）上結(jié)合ActionTool設(shè)置此功能屬性，從而取代了常規(guī)工具機(jī)制。
該ActionTool不進(jìn)行任何交易，因此，如果這個(gè)屬性的值，該功能將不會(huì)被事務(wù)中調(diào)用。

actionUp : function(e: InputEvent, thisObj: GraphObject): void | null

獲取或設(shè)置當(dāng)此GraphObject的isActionable 設(shè)置為true時(shí)在鼠標(biāo)向上事件上執(zhí)行的函數(shù)。很少設(shè)置此屬性。默認(rèn)情況下，此屬性為null。

僅在要處理所有事件的對(duì)象（例如按鈕，旋鈕或滑塊）上結(jié)合ActionTool設(shè)置此功能屬性，從而取代了常規(guī)工具機(jī)制。

該ActionTool不進(jìn)行任何交易，因此，如果這個(gè)屬性的值，該功能將不會(huì)被事務(wù)中調(diào)用。如果確實(shí)提供了可以更改圖或其模型的功能，則應(yīng)在事務(wù)內(nèi)完成此操作-調(diào)用Diagram.startTransaction和 Diagram.commitTransaction。

actualBounds ：矩形

此只讀屬性返回此GraphObject在容器坐標(biāo)中的邊界。這意味著，除非是Part，否則realBounds處于GraphObject面板的坐標(biāo)空間中，在這種情況下，它們位于圖的坐標(biāo)系中。
您不得修改Rect的任何屬性，即此屬性的值。
如果此GraphObject是一個(gè)部分，則x和actualBounds的y值是相同的，第二部分的位置，并且actualBounds的寬度和高度的值表示的矩形空間占用通過(guò)在部分Diagram.documentBounds坐標(biāo)。
如果此GraphObject不是頂級(jí)對(duì)象（不是Part），則ActualBounds x和y值表示該GraphObject在面板中的位置。在Panel.Position類(lèi)型的Panel中， 這與GraphObject的位置相同，但在其他情況下，它取決于每種Panel類(lèi)型的唯一工作方式。GraphObject的ActualBounds寬度和高度是應(yīng)用了比例和角度后的最終大小。

GraphObject（可能是GraphObject或包含多個(gè)GraphObject的Panel）可能沒(méi)有包含Part的部分，在這種情況下，這些GraphObject可能不會(huì)出現(xiàn)在圖中。這些GraphObject不太可能具有其realBounds的實(shí)數(shù)值，因?yàn)樗鼈兛赡軓奈从羞^(guò)被測(cè)量和排列的機(jī)會(huì)。
與所有只讀屬性一樣，使用此屬性作為綁定源不太可能有用。

定位 ：Spot

獲取或設(shè)置面板布局中使用的此GraphObject的對(duì)齊點(diǎn)，以確定應(yīng)將此對(duì)象放置在面板分配的區(qū)域中的哪個(gè)位置。

默認(rèn)值為Spot.Default，它允許Panel使用Panel.defaultAlignment確定Spot 。如果該屬性也是Spot.Default，則對(duì)齊點(diǎn)將根據(jù)面板類(lèi)型而有所不同。
所述alignmentFocus通常用于沿著與該屬性來(lái)指定該對(duì)象應(yīng)當(dāng)被定位在面板英寸
一個(gè)Spot.Default相當(dāng)于Spot.Center在現(xiàn)場(chǎng)，汽車(chē)，水平和垂直板。有關(guān)在不同面板中對(duì)齊的示例，請(qǐng)參見(jiàn)“面板”上的“簡(jiǎn)介”頁(yè)面。

對(duì)準(zhǔn)焦點(diǎn) ：Sopt

獲取或設(shè)置此GraphObject上的點(diǎn)，以用作Spot和Fixed Panel中的對(duì)齊點(diǎn)。價(jià)值必須是現(xiàn)貨。
默認(rèn)值為Spot.Default，這意味著Panel類(lèi)型可以確定有效的對(duì)齊點(diǎn)。
的對(duì)準(zhǔn)經(jīng)常被用來(lái)沿著與此屬性來(lái)指定該對(duì)象應(yīng)當(dāng)被定位在面板英寸
對(duì)于Panel.Graduated，alignmentFocus點(diǎn)確定子元素上與主元素上某個(gè)點(diǎn)對(duì)齊的點(diǎn)。
如果希望將鏈接標(biāo)簽Node通過(guò)其定位點(diǎn)而不是由alignmentFocus點(diǎn)定位，則可以將此屬性設(shè)置為Spot.None，僅在Node上。
有關(guān)在不同面板中對(duì)齊的示例，請(qǐng)參見(jiàn)“面板”上的“簡(jiǎn)介”頁(yè)面。
警告：從2.0開(kāi)始，對(duì)于Spot Panels，alignmentFocus的offsetX / offsetY已反轉(zhuǎn)。現(xiàn)在，offsetX / Y描述了從alignmentFocus點(diǎn)到對(duì)齊點(diǎn)的偏移距離，而不是相反。這是將alignmentFocus與鏈接標(biāo)簽一起使用時(shí)始終會(huì)描述的內(nèi)容。

角度 ：數(shù)

獲取或設(shè)置此GraphObject的角度轉(zhuǎn)換（以度為單位）。值必須是數(shù)字。如果該值不在（0 <= value <360）之間，則將其標(biāo)準(zhǔn)化為該范圍內(nèi)。沿正X軸（向右）為零；90沿正Y軸（向下）。默認(rèn)值為0。

在刻度面板的TextBlock標(biāo)簽上設(shè)置時(shí)，如果segmentOrientation不是 Link.None，Link.OrientAlong或Link.OrientUpright，則將忽略此值。OrientAlong和OrientUpright將相對(duì)于主路徑的坡度使用此角度。

在Link標(biāo)簽上設(shè)置時(shí)，如果segmentOrientation不是Link.None，則將忽略此值。

區(qū)域背景 ：BrushLike

獲取或設(shè)置此GraphObject的areaBackground畫(huà)筆。areaBackground填充了此GraphObject的包含面板的坐標(biāo)所描述的矩形。如果旋轉(zhuǎn)對(duì)象，則背景區(qū)域?qū)U(kuò)大，以填充對(duì)象的整個(gè)測(cè)量范圍，而無(wú)需旋轉(zhuǎn)畫(huà)筆。
該值可以是Brush對(duì)象，也可以是CSS顏色的字符串。默認(rèn)值為null-不繪制區(qū)域背景。有關(guān)CSS顏色字符串的語(yǔ)法的更多信息，請(qǐng)參見(jiàn)： CSS colors（mozilla.org）。

背景 ：BrushLike
獲取或設(shè)置此GraphObject的背景Brush，以填充該對(duì)象的局部坐標(biāo)空間的矩形。如果旋轉(zhuǎn)對(duì)象，則背景也會(huì)隨之旋轉(zhuǎn)。
該值可以是Brush對(duì)象，也可以是CSS顏色的字符串。默認(rèn)值為null-不繪制背景。有關(guān)CSS顏色字符串的語(yǔ)法的更多信息，請(qǐng)參見(jiàn)： CSS colors（mozilla.org）。

click : function(e: InputEvent, thisObj: GraphObject): void | null

獲取或設(shè)置當(dāng)用戶(hù)單擊該對(duì)象時(shí)要執(zhí)行的函數(shù)。通常，這需要進(jìn)行鼠標(biāo)下移，然后使用鼠標(biāo)左鍵（主）在大約相同的位置上進(jìn)行快速鼠標(biāo)上移。 當(dāng)用戶(hù)單擊GraphObject時(shí)，ClickSelectingTool使用此屬性。除了 使用name引發(fā)的DiagramEvent之外，還調(diào)用了該函數(shù)。"ObjectSingleClicked"

如果此屬性值是一個(gè)函數(shù)，則使用InputEvent 和此GraphObject進(jìn)行調(diào)用。該InputEvent.targetObject規(guī)定，在鼠標(biāo)點(diǎn)仰視的可視化樹(shù)之前發(fā)現(xiàn)GraphObject GraphObject.panel s到獲得此對(duì)象。

從第二個(gè)參數(shù)obj，您可以通過(guò)part屬性到達(dá)Node或Link 。從那里，您可以通過(guò)Panel.data屬性訪問(wèn)綁定數(shù)據(jù)。因此，您可以從事件處理程序中通過(guò)獲取綁定數(shù)據(jù)obj.part.data。
默認(rèn)情況下，此屬性為null。
Layer.isTemporary的Layer中的對(duì)象不接收點(diǎn)擊事件。如果您確實(shí)希望此類(lèi)對(duì)象響應(yīng)點(diǎn)擊，請(qǐng)將isActionable設(shè)置為true。
如果確實(shí)提供了可以更改圖或其模型的功能，則應(yīng)在事務(wù)內(nèi)完成此操作-調(diào)用Diagram.startTransaction和 Diagram.commitTransaction。

單擊事件處理程序的示例在“ 箭頭”示例中顯示。

列 ：編號(hào)

獲取或設(shè)置此GraphObject的列（如果它位于“表格面板”中）。該值必須是一個(gè)小的非負(fù)整數(shù)。默認(rèn)值為0。

列跨度 ：數(shù)字

獲取或設(shè)置此GraphObject（如果在表格面板中）所跨越的列數(shù)。該值必須是一個(gè)小的正整數(shù)。預(yù)設(shè)值為1。