DevExpress使用心得七:为图表创建动态数据源

转帖|使用教程|编辑:我只采一朵|2014-06-25 14:42:45.000|阅读 6655 次

概述:今天为大家介绍一下如何在DevExpress Chart中创建动态数据源。

# 您正在找协同办公软件吗?点击这里站长给您推荐 #

相关链接:


今天为大家介绍一下如何在DevExpress Chart中创建动态数据源。在列表中点击不同的行时,图表中显示和其数据关联的图,效果如下:

DevExpress Chartcontrol
DevExpress Chartcontrol

效果挺炫吧,现在就开始设计吧。首先在界面中拉一个分割面板,并将PivotGdidControl(多维数据控件)和ChartControl放进去:

DevExpress Chartcontrol PivotGdidControl

然后为项目模拟一个数据源,在这里用北风数据库里的数据进行模拟。先在项目中添加一个数据集:

在数据库设计界面添加到数据库的一个连接:

DevExpress Chartcontrol 数据库

从表中选一些数据:

DevExpress Chartcontrol

为刚才添加的多维数据表添加一个BingdSource,设置其绑定数据源为刚添加的数据集:

DevExpress Chartcontrol BingdSource

再把多维数据表的数据源选为刚创建的绑定源。然后开始对多维表进行设计:打开设计器,我们在里面添加六列,并分别配置好它们的Name、FieldName、UnboundFieldName、Area、GroupInterval、Caption等属性。需要注意的是Area属性,决定了列在列表中的位置:

DevExpress Chartcontrol

此时会呈现如下界面:

DevExpress Chartcontrol

这时第一部分数据表的工作已经完成,运行后会有下面的效果:

DevExpress Chartcontrol

现在开始第二部分,先配置一下chart的属性:

// 
            // salesPersonChart
            // 
            xyDiagram1.AxisX.VisibleInPanesSerializable = "-1";
            xyDiagram1.AxisX.WholeRange.AutoSideMargins = true;
            xyDiagram1.AxisY.VisibleInPanesSerializable = "-1";
            xyDiagram1.AxisY.WholeRange.AutoSideMargins = true;
            this.salesPersonChart.Diagram = xyDiagram1;
            this.salesPersonChart.Dock = System.Windows.Forms.DockStyle.Fill;
            this.salesPersonChart.Location = new System.Drawing.Point(0, 0);
            this.salesPersonChart.Name = "salesPersonChart";
            this.salesPersonChart.SeriesDataMember = "Series";
            this.salesPersonChart.SeriesSerializable = new DevExpress.XtraCharts.Series[0];
            this.salesPersonChart.SeriesTemplate.ArgumentDataMember = "Arguments";
            this.salesPersonChart.SeriesTemplate.ValueDataMembersSerializable = "Values";
            this.salesPersonChart.Size = new System.Drawing.Size(696, 287);
            this.salesPersonChart.TabIndex = 0;

然后创建一个类CustomChartDataSource,此类的作用是取得PivotGridView的数据源然后返回chart的数据源,具体代码有些繁琐,在此就不贴出来了。下面就可以进行两个表的关联了。先创建一个全局变量,然后让窗口加载时给这个变量赋值,值就是PivotGridView里面绑定的数据:

private CustomChartDataSource chartDataSource;
        private void Form1_Load(object sender, EventArgs e)
        {
            // TODO: 这行代码将数据加载到表“dataSet1.SalesPerson”中。您可以根据需要移动或删除它。
            this.salesPersonTableAdapter.Fill(this.dataSet1.SalesPerson);
            chartDataSource = new CustomChartDataSource(salesPersonPivot);
            salesPersonChart.DataSource = chartDataSource;
        }

接下来创建PivotGridview的CustomCellValue事件,在此事件中创建一个月份和数值的字典,用来保存点击不同类型后的不同值:

private void salesPersonPivot_CustomCellValue(object sender, DevExpress.XtraPivotGrid.PivotCellValueEventArgs e)
        {
            if (e.DataField == fieldExtendedPriceUnbound)
            {
                PivotDrillDownDataSource ds = e.CreateDrillDownDataSource();
                decimal value = 0;
                Dictionary<PivotGridField, object> columnFieldValues = new Dictionary<PivotGridField, object>();
                PivotGridField[] columnFields = e.GetColumnFields();
                foreach (PivotGridField field in columnFields)
                {
                    columnFieldValues[field] = e.GetFieldValue(field);
                }
                for (int i = 0; i < ds.RowCount; i++)
                {
                    bool skip = false;
                    foreach (PivotGridField field in columnFields)
                    {
                        if (!Comparer.Equals(ds[i][field], columnFieldValues[field]))
                        {
                            skip = true;
                            break;
                        }
                    }

                    if (skip)
                        continue;
                    decimal v1 = Convert.ToDecimal(ds[i][e.DataField]);
                    value += v1;
                }
                e.Value = value;
            }
        }

最后创建窗口关闭的方法进行资源回收:

private void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            salesPersonChart.DataSource = null;
            chartDataSource.Dispose();
        }

到此为止,功能全部完成,最主要的就是对PivotGridview的掌握和对CustomCellValue事件的理解。

慧都学院2017全新DevExpress线下研修班火热报名中!




标签:DevExpresschartcontrol

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果

文章转载自:慧都控件

登录 慧都网发表评论


慧都网友 2016-11-07 11:23:52.000
0

http://www.devexpresscn.com/DevExpress-Resources/Demo-119.html 源码在这


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
DevExpress Universal Subscription

行业领先的界面控件开发包,帮助企业构建卓越应用!

DevExpress WPF Subscription

高效MVVM开发模式,WPF界面解决方案首选工具,帮助企业实现酷炫动效界面。

DevExpress Silverlight Controls

高性价比高实用性的Silverlight用户界面控件套包,拥有大量的示例和帮助文档,开发者能够快速上手!

DevExpress WinForms Subscription

为Windows Forms平台创建具有影响力的业务解决方案,高性价比WinForms界面控件套包。

DevExpress DXperience Subscription

高性价比的企业级.NET用户界面套包,助力企业创建卓越应用!

DevExpress ASP.NET Controls

多款重量级ASP.NET用户界面组件套包,让您快速开发出完美、强大的应用程序!

DevExpress Windows 8 XAML Controls

Windows 8 XAML创建基于XAML的高度交互的应用程序,这些应用程序强调用户当下的需求,并且创建下一代可触屏的解决方案。

在线
客服
咨询
电话
400-700-1020
在线
QQ
购物车 反馈 返回
顶部
在线客服系统
live chat