亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 winforms 中制作具有重疊點的甘特圖

如何在 winforms 中制作具有重疊點的甘特圖

C#
BIG陽 2023-09-16 17:30:34
有一個時間間隔,例如 8:00-17:00。在這個時間間隔內,任務會發生多次,例如 9:00-9:20、11:00-12:00、13:00-13:20。I想要在 winforms 中制作一個圖表來顯示任務何時發生,如下所示。那么我可以用 DEV 甘特圖來做到這一點嗎?或者我可以使用任何控件來實現它嗎?我想在winforms中做到這一點。
查看完整描述

2 回答

?
DIEA

TA貢獻1820條經驗 獲得超2個贊

使用 MSChart 和 ChartType RangeBar,這非常容易。

這是一個例子:

https://img1.sycdn.imooc.com//650576080001616c06450126.jpg

要獲得此結果,您需要

  • 從數據工具箱添加 MSChart 控件

  • 添加 using 子句:using System.Windows.Forms.DataVisualization.Charting;

  • 然后你可以設置圖表的樣式。

  • ..也許可以設置大小限制

這是設置它的代碼:

void setUpGantt(Chart chart)

{

    chart.Series.Clear();

    Series s = chart.Series.Add("gantt");

    s.ChartType = SeriesChartType.RangeBar;

    s.YValueType = ChartValueType.DateTime;

    s.AxisLabel = "";

    s.IsVisibleInLegend = false;

    Axis ax = chart.ChartAreas[0].AxisX;

    Axis ay = chart.ChartAreas[0].AxisY;

    ax.MajorGrid.Enabled = false;

    ax.MajorTickMark.Enabled = false;

    ax.LabelStyle.Format = " ";

    ax.Enabled = AxisEnabled.False;

    ay.LabelStyle.Format = "HH:mm";

    ay.MajorGrid.Enabled = false;

    ay.MajorTickMark.Enabled = false;

    ay.LineColor = chart.BackColor;

    limitGantt(chart, "8:00", "17:00");

}


void limitGantt(Chart chart, string start, string end)

{

    Axis ax = chart.ChartAreas[0].AxisX;

    ax.Minimum = 0.5;  // we have only one slot

    ax.Maximum = 1.5;  // the bar is centered on its value (1)


    Axis ay = chart.ChartAreas[0].AxisY;

    ay.Minimum = fromTimeString(start).ToOADate();  // we exclude all times..

    ay.Maximum = fromTimeString(end).ToOADate();    // ..outside a given range

}

請注意,我使用時間strings是為了方便。當然你也可以改為DateTimes直接使用。為了將時間轉換string為DateTime當天的時間,使用此函數:


DateTime fromTimeString(string time)

{

    var p = time.Split(':');

    int sec = p.Length == 3 ? Convert.ToInt16(p[2]) : 0;

    TimeSpan t = new TimeSpan(Convert.ToInt16(p[0]), Convert.ToInt16(p[1]), sec);

    return DateTime.Today.Add(t);

}

請注意,所有代碼都缺少任何檢查!


要添加任務,請使用此方法:


void addGanttTask(Series s, string start, string end, Color c, int slot )

{

    DateTime start_ = fromTimeString(start);

    DateTime end_ = fromTimeString(end);

    int pt = s.Points.AddXY(slot, start_, end_);

    s.Points[pt].Color = c;

}

請注意,它包含一個系列和一個“插槽”。這些槽用于 x 值,在您的情況下,這些值都是相同的。但人們可以很容易地想象出一個更復雜的規劃器,其中有多個欄用于多種資源,例如不同的房間或團隊。


Series 參數將允許覆蓋第二個系列,就像您在MSDN 的這個很好的示例中看到的那樣。


這是我填寫圖表的方式:


setUpGantt(chart1);


Series s = chart1.Series[0];

addGanttTask(s, "8:00", "17:00", Color.LimeGreen, 1);

addGanttTask(s, "9:00", "9:20", Color.DarkSlateBlue, 1);

addGanttTask(s, "11:00", "12:00", Color.DarkSlateBlue, 1);

addGanttTask(s, "13:00", "13:20", Color.DarkSlateBlue, 1);

請注意,不同的范圍可能會重疊并且可能會相互隱藏。在我們的示例中,首先添加綠色條,其他條位于頂部。在 MSDN 示例中,您可以看到黃色條如何變窄以保持其下方的條可見。它們屬于第二系列。


要更改條形的寬度,請使用


series.SetCustomProperty("PixelPointWidth",  "15");


查看完整回答
反對 回復 2023-09-16
?
三國紛爭

TA貢獻1804條經驗 獲得超7個贊

這是 DevExpress.XtraCharts.ChartControl 和 ViewType RangeBar 的示例


首先向窗體添加一個DevExpress.XtraCharts.ChartControl。這是我填寫圖表的方式


        rangeBarChart.Series.Clear();


        // Create two range bar series.

        Series series1 = new Series("Task1", ViewType.RangeBar);

        Series series2 = new Series("Task2", ViewType.RangeBar);


        series1.CrosshairLabelPattern = "{S}:{V1:HH:mm}--{V2:HH:mm}";

        series2.CrosshairLabelPattern = "{S}:{V1:HH:mm}--{V2:HH:mm}";



        //Add values to series

        series1.ValueScaleType = ScaleType.DateTime;

        series2.ValueScaleType = ScaleType.DateTime;

        series1.Points.Add(new SeriesPoint("A", Convert.ToDateTime("2019-08-24 8:00"), Convert.ToDateTime("2019-08-24 17:00")));

        series2.Points.Add(new SeriesPoint("A", Convert.ToDateTime("2019-08-24 9:00"), Convert.ToDateTime("2019-08-24 10:00")));

        series2.Points.Add(new SeriesPoint("A", Convert.ToDateTime("2019-08-24 13:00"), Convert.ToDateTime("2019-08-24 14:00")));


        // Add both series to the chart.

        rangeBarChart.Series.AddRange(new Series[] { series1, series2 });


        ((XYDiagram)rangeBarChart.Diagram).Rotated = true;

結果顯示如下:

https://img1.sycdn.imooc.com//6505762600010bb013820245.jpg

查看完整回答
反對 回復 2023-09-16
  • 2 回答
  • 0 關注
  • 176 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號