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

当 C1Chart 绑定数据源时,我们需要指定特定图表系列对应的字段,包括坐标轴的字段和图表绘制的数据字段。图表绑定数据源基本内容请参考帮助文档 点击进入,虽然已经比较详细,但还是有些用户在绑定甘特图表时遇到困难。在本篇博客中我们将讨论如何绑定甘特图表的数据源。<img style="width:500px; height:350px;" src="http://our.componentone.com/wp-content/uploads/2012/05/gantt1.png">

发布于 2014/03/23 00:00

ComponentOne Enterprise

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

ChartDataBindingSample1 (1).zip


更多关于 Studio for WinForms 图表的更多信息,请参考:

/developer/componentone-winform/controls/chart

ComponentOne Enterprise | 下载试用

ComponentOne 是一套专注于企业 .NET开发、支持 .NET Core 平台,并完美集成于 Visual Studio 的第三方控件集,包含 300 多种 .NET开发控件,提供表格数据管理、数据可视化、报表和文档、日程安排、输入和编辑、导航和布局、系统提升工具等七大功能,被誉为“.NET开发的‘瑞士军刀’”。

ComponentOne 为您提供专业的产品咨询服务,并由技术支持工程师为您1对1解答。>> 发帖提问

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态