今天搞点稍微复杂些的东西,在列表中点击不同的行时,图表中显示和其数据关联的图,效果如下:
效果挺炫吧,现在就开始设计吧。首先在界面中拉一个分割面板,并将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事件的理解。