浅谈DevExpress<六>:为chart创建动态数据源

  今天搞点稍微复杂些的东西,在列表中点击不同的行时,图表中显示和其数据关联的图,效果如下:

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

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

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

  从表中选一些数据:

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

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

  此时会呈现如下界面:

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

  现在开始第二部分,先配置一下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事件的理解。

 

 

 

 

 

你可能感兴趣的:(DevExpress)