当 C1Chart 绑定数据源时，我们需要指定特定图表系列对应的字段，包括坐标轴的字段和图表绘制的数据字段。图表绑定数据源基本内容请参考帮助文档 点击进入，虽然已经比较详细，但还是有些用户在绑定甘特图表时遇到困难。

在本篇博客中我们将讨论如何绑定甘特图表的数据源。

甘特图表

 

甘特图用于说明各项工作的时间表，甘特图表的数据源绑定和柱型图和高低图十分类似：

  • 和柱状图类似，甘特图表也使用柱状图形， 但通常是倒置和反转的柱状图。
  • Y 和 Y1 分别代表起止时间。

甘特图表可以使用以下两种方式定制时间轴：

  • 活动/任务
    活动/任务一般显示在图表的左侧部分(即为X轴)，下部显示时间轴。
  • 任务区间
    每个任务区间作被显示为一个条状图形。柱状图的开始显示任务开始时间，结尾显示任务结束时间。

绑定甘特图表类型首先需要设置 DataTable 给 Chart 的DataSource 属性，然后添加图表系列（任务）给图表。绑定时，需要设置任务名称字段给 ChartDataSeries.X属性 ，设置开始时间点给 ChartDataSeries.Y 属性结束时间点给 ChartDataSeries.Y1 属性 。

关键代码：

 // 设置图表类型


        
c1Chart1.ChartGroups[0].ChartType = Chart2DTypeEnum.Gantt;            

        
// 清除所有图表系列


        
c1Chart1.ChartGroups[0].ChartData.SeriesList.Clear();                 

        
// 设置甘特图宽度


        
c1Chart1.ChartGroups[0].Gantt.Width = 80;                             

        
// 设置图表数据源


        
c1Chart1.DataSource = ds.Tables[0];


        
ChartDataSeries cds;


        
for (int i = 0; i < 10; i++)


        
{


        
    // 创建新的系列


        
    cds = new ChartDataSeries();                                       

        
    cds = c1Chart1.ChartGroups[0].ChartData.SeriesList.AddNewSeries();


        

        
    //设置 X 轴字段


        
    cds.X.DataField = "CustomerID";                                    

        
    cds.Y[0] = ds.Tables[0].Rows[ i ].ItemArray[3];                      

        
    cds.Y1[0] = ds.Tables[0].Rows[ i ].ItemArray[5];            

        
}


        
效果图


        
 


        

            
        


        
更详细设置方法请参考Demo：


        
VS2010+C#+Framework 4.0+Studio for WinForms 2013V3


        
更多关于 Studio for WinForms 图表的更多信息，请参考：


        

            /developer/componentone-winform/controls/chart