Studio for WinForms:绑定甘特图表数据源

发布时间:2014/03/23 00:03 发布者:iceman

返回博客中心

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


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网