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

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

相關(guān)內(nèi)容推薦

position : Point

獲取或設(shè)置此GraphObject在容器坐標(biāo)（Panel或文檔）中的位置。值必須是Point類(lèi)型。您不能修改此屬性值的x或y －如果要更改位置，必須將此屬性設(shè)置為其他Point。默認(rèn)值為Point（NaN，NaN）。

row : number

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

rowSpan : number

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

scale : number

獲取或設(shè)置此GraphObject的比例轉(zhuǎn)換。值必須是數(shù)字；較大的值將使該對(duì)象看起來(lái)更大。默認(rèn)值為1。

segmentFraction : number

獲取或設(shè)置Link中沿GraphObject的一段的小數(shù)距離。該值應(yīng)介于零和一之間，其中零是在分段開(kāi)始處的點(diǎn)，而一是在分段結(jié)束處的點(diǎn)。默認(rèn)值為零。
如果segmentIndex設(shè)置為NaN，則將沿整個(gè)鏈接路徑計(jì)算小數(shù)距離。

segmentIndex : number

獲取或設(shè)置Link中的GraphObject的段索引。非負(fù)數(shù)從零開(kāi)始計(jì)數(shù)，該零是鏈接的“起始”端的第一段。負(fù)數(shù)從鏈接的“至”端開(kāi)始計(jì)數(shù)段，其中-1表示最后一個(gè)段，而-2表示倒數(shù)第二個(gè)段。默認(rèn)值為-Infinity。該值應(yīng)為整數(shù)或NaN。

將此值設(shè)置為NaN意味著segmentFraction的小數(shù)距離將沿著整個(gè)鏈接路徑計(jì)算。NaN值也表示在確定標(biāo)簽位置時(shí)將不使用Link.midPoint和Link.midAngle。

如果您未設(shè)置此屬性，則“鏈接”將選擇一個(gè)位置，該位置大約位于鏈接路線的中點(diǎn)。

segmentOffset : Point

獲取或設(shè)置Link中的GraphObject相對(duì)于線段上的點(diǎn)或Panel中的點(diǎn)的偏移量。從沿著主元素的點(diǎn)開(kāi)始逐漸偏移。Point的X分量表示沿路線的距離，正值進(jìn)一步朝鏈接或面板的“ to”端移動(dòng)。點(diǎn)的Y分量表示距路線的距離，正值朝向右側(cè)，當(dāng)進(jìn)一步面對(duì)鏈接或面板的“至”端時(shí)可見(jiàn)。該值默認(rèn)為Point（0，0）。您不能修改此屬性值的x或y －如果要更改segmentOffset，則必須將此屬性設(shè)置為其他Point。

對(duì)于鏈接兩端附近的標(biāo)簽，將segmentOffset設(shè)置為Point（NaN，NaN）可能會(huì)很方便。這將使偏移量為標(biāo)簽對(duì)象的寬度的一半和高度的一半。

segmentOrientation : EnumValue

獲取或設(shè)置位于Link或Panel.Graduated中的GraphObject的方向。這通過(guò)“鏈接面板”或“漸變面板”控制對(duì)象的自動(dòng)旋轉(zhuǎn)。唯一可接受的值為L(zhǎng)ink的Link “ Orient ...”值和默認(rèn)值Link.None。

當(dāng)值為L(zhǎng)ink.None時(shí)，此對(duì)象的角度在路由鏈接時(shí)不變。將此值設(shè)置為L(zhǎng)ink.OrientAlong會(huì)導(dǎo)致路由將角度設(shè)置 為該對(duì)象所在的線段的角度。其他值對(duì)角度的計(jì)算有些不同。如果將值更改回Link.None，則此對(duì)象的角度將設(shè)置為零。

請(qǐng)注意，如果此屬性不是Link.None，則此屬性?xún)?yōu)先于angle屬性的任何設(shè)置或綁定。由方向引起的角度更改可能不會(huì)導(dǎo)致更改事件，并且可能會(huì)丟失該角度的任何原始值。

對(duì)于漸變面板，如果此值為L(zhǎng)ink.None，Link.OrientAlong或Link.OrientUpright，則將考慮任何TextBlock標(biāo)簽角度。取決于此值，有效的TextBlock角度將是固定的，或相對(duì)于渲染它的路徑的坡度而言是固定的。

shadowVisible : boolean | null

獲取或設(shè)置此GraphObject是否在Part.isShadowed設(shè)置為true的Part內(nèi)被陰影化。

默認(rèn)值為null，這意味著此GraphObject將遵守默認(rèn)的陰影規(guī)則（請(qǐng)參見(jiàn)Part.isShadowed）。

值為true或false可以確保無(wú)論是否使用默認(rèn)陰影規(guī)則，該零件是否被陰影遮蓋，但是此GraphObject的陰影狀態(tài)不會(huì)影響零件中的其他GraphObject。

通常，不需要設(shè)置此屬性，但是您可能需要在不希望被遮蓋的Part內(nèi)的GraphObjects上將此值設(shè)置為false。

stretch : EnumValue

獲取或設(shè)置GraphObject的拉伸。這控制此對(duì)象的寬度和/或高度是否自動(dòng)調(diào)整以填充包含面板的面板分配的區(qū)域。

唯一接受的值被列為GraphObject的常量屬性，例如GraphObject.None，GraphObject.Fill，GraphObject.Horizontal或GraphObject.Vertical。默認(rèn)值為GraphObject.Default，它允許Panel根據(jù)Panel的類(lèi)型決定如何處理該對(duì)象。

除非角度是90的倍數(shù)，否則具有拉伸角度的對(duì)象可能看起來(lái)不正確。

根據(jù)包含此對(duì)象的面板，拉伸將具有不同的效果。要點(diǎn)：

• 汽車(chē)面板將不會(huì)拉伸，除非主要元素會(huì)增長(zhǎng)以填充面板或使其變得均勻
• 水平面板只能垂直拉伸
• 垂直面板只能水平拉伸
• 點(diǎn)面板將拉伸到主要元素的大小
• 表格面板將拉伸到其單元格的大小，該大小由其行和列定義，通常由該單元格中其他未拉伸的GraphObject確定
• 網(wǎng)格面板，鏈接面板和漸變面板不會(huì)拉伸

獲取或設(shè)置鏈接到該端口的最后一段的長(zhǎng)度。當(dāng)計(jì)算的“到現(xiàn)貨”不是Spot.None時(shí)，將使用此值。預(yù)設(shè)值為10。

在確定鏈接的路由時(shí)，Link.toEndSegmentLength的值（如果不是NaN）優(yōu)先于此端口上的值。此值還限制了可繪制Link.toShortLength的時(shí)間。

有關(guān)如何使用此屬性的示例，請(qǐng)參見(jiàn)鏈接末段長(zhǎng)度。

除非整個(gè)Node都充當(dāng)單個(gè)端口，否則必須在portId為非null的GraphObject上設(shè)置此屬性，在這種情況下，應(yīng)在Node上設(shè)置此屬性。

toLinkable : boolean | null

獲取或設(shè)置用戶(hù)是否可以繪制到該端口的鏈接。LinkingBaseTool.isValidTo使用此屬性.

默認(rèn)值為null，表示實(shí)際值是從父級(jí)Panel繼承的；如果沒(méi)有包含面板，則為false。

您必須在端口ID為非null的GraphObject上設(shè)置此屬性，除非整個(gè)Node都充當(dāng)單個(gè)端口，在這種情況下，應(yīng)在Node上設(shè)置此屬性，或者除非您禁用特定對(duì)象的“可鏈接性” Panel中的GraphObject，其toLinkable已設(shè)置或綁定為true。