文檔金喜正規(guī)買球>>VARCHART XGantt 2019教程>>VARCHART XGantt_v5.1用戶手冊：如何創(chuàng)建直方圖（.NET版）下

VARCHART XGantt_v5.1用戶手冊：如何創(chuàng)建直方圖（.NET版）下

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

點擊下載VARCHART XGantt免費版

在本教程中，我們將演示如何編寫直方圖，是VARCHART XGantt .NET版本的教程，主要分為8個步驟來描述，本篇文章是該教程的下半部分內(nèi)容（上部分內(nèi)容查看），內(nèi)容緊接上文從第七個步驟開始，跟著小編來看看吧~

步驟7：在此步驟中，將為直方圖創(chuàng)建四條曲線：容量曲線、未標記活動的曲線、標記活動的曲線和填充區(qū)域的輔助曲線。單擊屬性頁布局上的管理直方圖...以調(diào)用相應的對話框。

甘特圖中可能同時存在多個直方圖。每個直方圖都有一個ist自己的數(shù)字刻度，并包含自己的曲線。

現(xiàn)在請定義數(shù)字刻度的起始值和結(jié)束值。單擊End value列的Histogram_1字段，然后輸入6。

現(xiàn)在，請編輯直方圖。為此，請單擊對話框頂部右側(cè)的“編輯”按鈕。

“曲線1”應代表容量曲線（紅色）。 “曲線2”應表示未標記的節(jié)點，而“曲線3”應表示標記的節(jié)點。 “曲線4”是一條輔助曲線，用于提供不足區(qū)域的綠色背景。一條曲線已經(jīng)存在。請創(chuàng)建另外三條曲線并根據(jù)插圖定義其屬性。

對于曲線，最多可以指定兩條參考曲線。曲線形成具有ist參考曲線的區(qū)域，可以為其分配顏色和圖案（請參見下面的草圖）。在第一條參考曲線中，在曲線上方和下方形成的所有零件都加到該區(qū)域（頂部草圖）。第二個參考曲線，只有那些部分添加到曲線下方形成的區(qū)域，即Y值小于原始曲線的值（底部草圖）。另外，由第二參考曲線形成的區(qū)域以更高的優(yōu)先級顯示。我們將在下面看到，直方圖會產(chǎn)生什么后果。

容量曲線（曲線1）將從列表中接收其值，我們稍后將通過編程代碼提供該列表。因此，請在字段Source中將其數(shù)據(jù)源設置為via API。因此，不需要為可以從中獲取數(shù)據(jù)的節(jié)點添加額外的過濾器。

請將線型設置為粗紅線。該曲線的值不應加到另一條曲線的值上；因此，字段堆棧參考保持為空。此外，容量曲線并非旨在形成具有另一條曲線的區(qū)域，因此兩個填充參考及其填充圖案保持為空。請單擊對話框中的相應字段，按照說明創(chuàng)建曲線1。

“曲線2”表示未選擇的節(jié)點，并由名為“未選擇的節(jié)點”的層組成。不需要用于進一步選擇的過濾器。請為曲線選擇藍線顏色。曲線值不會添加到另一條曲線的值，因此堆棧參考值保持為空。該曲線應該與X軸形成一個區(qū)域，因此請在“填充參考”字段中選擇值Flatline。

該曲線由非選定節(jié)點組成，還應以特殊方式指示其超出容量曲線以標記生產(chǎn)系統(tǒng)的瓶頸。因此，一旦其Y值超過曲線1的值，下面的區(qū)域應畫上陰影線。因此，請將“曲線1”設置為其第二條參考曲線，然后選擇陰影填充圖案。

“曲線3”應代表所選節(jié)點。因此，請將其命名為“Selected Nodes”的圖層作為其數(shù)據(jù)源。不需要過濾器。請指定淺灰色線條顏色。由于所選節(jié)點應顯示在未選擇節(jié)點上方，因此必須將它們的值添加到非選定節(jié)點中。因此，請選擇曲線2作為堆棧參考。相同的曲線也用作第一參考曲線，因為所選節(jié)點在視覺上應與未選擇的節(jié)點不同。作為填充圖案，請在黃色背景上選擇灰色交叉影線圖案。

形成的區(qū)域?qū)⒃谇€2的上方和下方可見。此外，它應出現(xiàn)在容量曲線的上方；因此請將曲線1指定為第二條參考曲線，并用相同的顏色和圖案填充該區(qū)域。如果選定的節(jié)點超過容量曲線，它們將以與容量曲線下方相同的顏色和模式出現(xiàn)（您可以通過在此處指定例如紅色來區(qū)分容量曲線上方和下方的所選節(jié)點）。

通過“曲線4”，我們將定義一個區(qū)域，表示容量曲線和下面的節(jié)點樁之間的淺綠色背景。它表示生產(chǎn)系統(tǒng)的可用資源。它的底部被未選擇的節(jié)點限制，因此請選擇它們作為數(shù)據(jù)源。在頂部，該區(qū)域受容量曲線的限制，您可以將其設置為第一個參考曲線。

問題：為什么曲線4的區(qū)域不會隱藏所選節(jié)點？答案：因為此對話框顯示的曲線列表中存在優(yōu)先級。底部列出的曲線的優(yōu)先級低于頂部列出的曲線。這就是為什么曲線3的區(qū)域顯示在曲線4的區(qū)域頂部的原因。您可以通過窗口頂部的右箭頭修改優(yōu)先級。

第8步：在最后一步中，我們將提供容量曲線的值。為此，請修改Load事件中的代碼，如下所示：

示例代碼VB.NET

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
 VcGantt1.Width = ClientSize.Width - VcGantt1.Left
 VcGantt1.Height = ClientSize.Height - VcGantt1.Top
 VcGantt1.InsertNodeRecord("1;Node 1;07.05.2007;;5")
 VcGantt1.InsertNodeRecord("2;Node 2;09.05.2007;;5")
 VcGantt1.InsertNodeRecord("3;Node 3;10.05.2007;;6")
 VcGantt1.InsertNodeRecord("4;Node 4;17.05.2007;;10")
 VcGantt1.InsertNodeRecord("5;Node 5;22.05.2007;;3")
 VcGantt1.InsertNodeRecord("6;Node 6;23.05.2007;;1")
 VcGantt1.EndLoading() 
VcGantt1.OptimizeTimeScaleStartEnd(3)
 'calculate end date
 Dim node As VcNode
 For Each node In VcGantt1.NodeCollection
 setNodeEndDate(node)
 Next
 Dim histogram As VcHistogram
 Dim curve As VcCurve
 histogram = VcGantt1.HistogramCollection.FirstHistogram
 curve = histogram.CurveCollection.CurveByName(" Curve1 ")
 curve.PointsEquidistant = False
 curve.SetValues("01.05.2007", "2")
 curve.SetValues("05.05.2007", "0")
 curve.SetValues("07.05.2007", "2")
 curve.SetValues("12.05.2007", "0")
 curve.SetValues("14.05.2007", "4")
 curve.SetValues("19.05.2007", "0")
 curve.SetValues("21.05.2007", "2")
 curve.SetValues("26.05.2007", "0")
 curve.SetValues("28.05.2007", "2")
End Sub

示例代碼C＃

private void Form1_Load(object sender, System.EventArgs e)
 {
 vcGantt1.Width = ClientSize.Width - vcGantt1.Left;
 vcGantt1.Height = ClientSize.Height - vcGantt1.Top;

 vcGantt1.InsertNodeRecord("1;Node 1;07.05.2007;;5");
 vcGantt1.InsertNodeRecord("2;Node 2;09.05.2007;;5");
 vcGantt1.InsertNodeRecord("3;Node 3;10.05.2007;;6");
 vcGantt1.InsertNodeRecord("4;Node 4;17.05.2007;;10");
 vcGantt1.InsertNodeRecord("5;Node 5;22.05.2007;;3");
 vcGantt1.InsertNodeRecord("6;Node 6;23.05.2007;;1");

 vcGantt1.EndLoading();

 vcGantt1.OptimizeTimeScaleStartEnd(3);

 // calculate end date
 foreach (VcNode node in vcGantt1.NodeCollection)
 {
 SetNodeEndDate(node);
 }

 VcHistogram histogram =
 vcGantt1.HistogramCollection.FirstHistogram();
 VcCurve curve = histogram.CurveCollection.CurveByName("Curve 1");
 curve.PointsEquidistant = false;
 curve.SetValues(Convert.ToDateTime("01.05.2007"),"2");
 curve.SetValues(Convert.ToDateTime("05.05.2007"),"0");
 curve.SetValues(Convert.ToDateTime("07.05.2007"),"2");
 curve.SetValues(Convert.ToDateTime("12.05.2007"),"0");
 curve.SetValues(Convert.ToDateTime("14.05.2007"),"4");
 curve.SetValues(Convert.ToDateTime("19.05.2007"),"0"); 
 curve.SetValues(Convert.ToDateTime("21.05.2007"),"2");
 curve.SetValues(Convert.ToDateTime("26.05.2007"),"0");
 curve.SetValues(Convert.ToDateTime("28.05.2007"),"2");
 }

現(xiàn)在，請運行該程序并標記一項活動。您可以通過直方圖中黃色背景上的灰色陰影部分立即識別，活動在顯示的大部分工作負荷中占據(jù)哪個部分。

如果移動活動，工作負載將發(fā)生變化，您可以識別由交互引起的容量過載和不足。

直方圖中的日歷網(wǎng)格

您可以將一個或多個日歷網(wǎng)格分配給直方圖，以便甘特圖中的不同日歷網(wǎng)格也可以在直方圖中顯示。

要將自己的日歷網(wǎng)格分配給直方圖，必須滿足三個條件：

1、必須為直方圖分配日歷

2、必須打開日歷網(wǎng)格

3、必須定義一個外觀，以顯示日歷網(wǎng)格

已分配日歷，日歷網(wǎng)格已打開

相應的API調(diào)用是：

示例代碼VB.NET

// assigning the calendar to the histogram (by the calendar name)
histogram.calendarName = group.DataField(14)
// switching the calendar grid on
histogram.ShowCalendarGrids = True
// setting the histogram visible
histogram.Visible = True

作為直方圖的日歷網(wǎng)格，VARCHART XGantt在時間刻度的第一部分中采用第一個不可見的日歷網(wǎng)格，如果沒有其他的存在。這是在甘特圖中以分組方式使用的相同日歷網(wǎng)格：