VARCHART XGantt，用于工業4.0項目管理、交互式的甘特圖絕佳解決方案，世界級甘特圖大師。它是一個交互式的甘特圖控件，其模塊化的設計讓您可以創建滿足您和您的客戶所需求的應用程序。（我們領先的甘特圖控件VARCHART XGantt可用于.NET，ActiveX和ASP.NET應用程序。）

點擊下載VARCHART XGantt免費版

在本章中，我們將演示如何編寫直方圖。直方圖總結活動并以圖形化的平面或區域再現總體結果。限制頂部區域的線表示工作負荷曲線（例如，機器、生產線或項目工作人員的工作負載曲線，從現在開始表示為“生產系統”）。

工作負載曲線可以指容量曲線，容量曲線表示一組最大可能的工作負載值。雖然工作負荷曲線由從活動中獲取的值組成，但容量曲線的值必須從其他定義的數據中獲取。

當顯示兩條曲線時，工作負荷曲線可能超過或低于容量曲線，分別表明生產系統存在瓶頸或不足。容量曲線高于工作負荷曲線的區域是不足區域。工作負荷曲線高于容量曲線表示過載。如果兩條曲線的高度相等，則工作負荷已達到最佳狀態。

過載和短缺區域的外觀可能不同，從視覺上區分生產系統中的瓶頸和不足。

上圖顯示的直方圖，總結了藍色沒有陰影區域的活動。甘特圖和直方圖中的標記節點顯示為黃色并顯示交叉線圖案（節點3）。容量曲線是一條紅線。過載以藍色顯示，并帶有交叉線圖案（節點6）。不足出現在沒有陰影的淺綠色區域。

在本章中，我們將對上述直方圖進行編程。您將在目錄UserGuideSamples \ VB.NET \ XGantt_Tutorial02和UserGuideSamples \ Csharp \ XGantt_Tutorial02中找到完整的程序。

在VARCHART XGantt的直方圖中顯示顏色和圖案的區域基本上由曲線形成，參考曲線被分配給該曲線。在結果區域中，可以填充顏色和圖案。

為達到我們的目標，我們將通過以下步驟：

步驟1：打開在甘特圖中顯示直方圖。

步驟2：標記的活動應在表格中倒過來顯示，而在甘特圖中，它們應采用交叉陰影線。作為第一步，關閉甘特圖的標記性。

步驟3：為了區分選定節點和未選擇節點，創建名為“selected”的數據字段，其存儲節點的實際選擇狀態。

步驟4：為數據字段分配值，表示標記狀態。

步驟5：創建兩個不同的過濾器，分隔選定和未選擇的活動。

步驟6：為選定和未選擇的節點定義兩種不同的外觀。它們與過濾器結合使用。

步驟7：為直方圖創建四條曲線：容量曲線、未標記活動的曲線、標記活動的曲線和填充區域的輔助曲線。對曲線之間的區域、顏色和圖案進行分配。

步驟8：最后，定義容量曲線的值。

現在來看看具體的步驟操作吧~

步驟1：首先，請在甘特圖中打開直方圖的顯示。請調用屬性頁布局并找到選項卡區域，您可以在其中設置選項甘特圖和直方圖。

步驟2：由于標記的節點應顯示自己的交叉線圖案，因此現在關閉甘特圖中節點的標記性。請調用屬性頁面節點，找到節點選項卡標記節點類型，并將圖表中的字段設置為無標記。

步驟3：為了區分選定和未選擇的節點，創建了一個名為“Selected”的數據字段，用于存儲節點的實際選擇狀態。請通過單擊屬性頁對象上的數據表來調用對話框管理數據表，然后編輯表Maindata。請在此處添加Integer類型的字段，并將其命名為“Selected”。該字段將使活動的顯示取決于其標記狀態。

步驟4：每次觸發事件VcNodesMarked時，將更新數據字段“Selected”。

示例代碼VB.NET

Private Sub VcGantt1_VcNodesMarked(ByVal sender As Object, ByVal e As
NETRONIC.XGantt.VcNodesMarkedEventArgs) Handles VcGantt1.VcNodesMarked
 Dim node As VcNode 
For Each node In VcGantt1.NodeCollection
 If node.Marked = True Then
 node.DataField(5) = 1
 Else
 node.DataField(5) = 0
 End If
 node.Update()
 Next
End Sub

示例代碼C＃

private void vcGantt1_VcNodesMarked(object sender,
NETRONIC.XGantt.VcNodesMarkedEventArgs e)
 {
 foreach (VcNode node in vcGantt1.NodeCollection)
 {
 if (node.Marked == true)
 node.set_DataField(5,1);
 else
 node.set_DataField(5,0);
 node.Update();
 }
 }

在VcNodeCreated事件中，以下代碼可防止節點在創建時出現標記。因為在創建新節點時將取消標記所有之前選擇的節點，所以需要更新“Selected”的字段內容。

示例代碼VB.NET

Private Sub VcGantt1_VcNodeCreated(ByVal sender As Object, ByVal e As
NETRONIC.XGantt.VcNodeCreatedEventArgs) Handles VcGantt1.VcNodeCreated
 e.Node.DataField(1) = "Node " + e.Node.DataField(0)
e.Node.Marked = False
e.Node.Update()
 Dim node As VcNode
 For Each node In VcGantt1.NodeCollection
 node.DataField(5) = 0
 node.Update()
 Next
End Sub

示例代碼C＃

private void vcGantt1_VcNodeCreated(object sender,
NETRONIC.XGantt.VcNodeCreatedEventArgs e)
 {
 e.Node.set_DataField(1, "Node " + e.Node.get_DataField(0));
 e.Node.Marked = false;
 e.Node.Update();

 foreach (VcNode node in vcGantt1.NodeCollection)
 {
 node.set_DataField(5,0);
 node.Update(); 
 }
 }

步驟5：在此步驟中，創建兩個不同的過濾器，將選定的活動與未選擇的活動分開。請調用屬性頁對象，然后單擊按鈕過濾器 ...以進入對話框管理過濾器。單擊按鈕創建兩個新過濾器，并將其命名為“Selected”和“Not Selected”。

現在，請設置過濾條件。對于過濾器“Not Selected”，請指定條件“選擇不等于1”。由于這種情況，只會過濾未選擇的節點。現在請標記過濾器Not Selected，然后單擊對話框頂部右側的按鈕。它將調用“編輯過濾器”對話框。在Fieldname列中，請選擇所選字段，在運算符列中選擇不等于，并在列比較值中輸入值1，單擊確定退出對話框。 

 現在，請以同樣的方式將條件“Selected = 1”分配給過濾器“Selected”。

步驟6：在此步驟中，我們將為選定節點和未選定節點定義兩種不同的外觀，以便與過濾器組合。

請選擇屬性頁面對象，然后單擊對象圖層....這將彈出對話框指定欄外觀。請通過在名稱列中的字段中直接輸入新名稱，將“Start-End”圖層重命名為“Unselected Nodes”。請找到過濾器列并將過濾器“Not Selected”指定給Layer。通過單擊按鈕復制圖層，并將副本命名為“Selected Nodes”。將過濾器“Selected”分配給圖層。

兩層看起來仍然相似。您可以通過雙擊列圖層設計的相應字段來修改“選定節點”圖層的設計。將彈出對話框編輯圖層。請選擇交叉影線圖案，黃色背景顏色或圖案顏色2和黑色圖案顏色。

要確保非工作間隔的周末顯示為行而不是條形，需要在“節點”屬性頁上設置“具有非工作間隔的圖層”選項。

教程內容尚未完結，請點擊下方文章查看~

金喜正規買球相關的文章：

VARCHART XGantt_v5.1用戶手冊：如何創建直方圖（.NET版）上

VARCHART XGantt_v5.1用戶手冊：如何創建直方圖（ActiveX版）（上）

VARCHART XGantt_v5.1用戶手冊：如何創建直方圖（ActiveX版）（下）

VARCHART XGantt_v5.1用戶手冊：如何使用過濾器（.NET版）

VARCHART XGantt_v5.1用戶手冊：如何使用過濾器（ActiveX版）

想要購買VARCHART XGantt正版授權，或了解更多產品信息請點擊

掃描關注慧聚IT微信公眾號，及時獲取最新動態及最新資訊