产品
  • 产品
  • 资讯
  • 资源
  • 视频
  • 学院
  • 示例
中国站
  • 产品中心
  • 解决方案
  • 行业方案
  • 视频课程
  • 关于慧都
热门产品
UI界面
DevExpress telerik BCGSoft Developer Machines
文档管理
Aspose E-iceblue GrapeCity PDFlib
图表控件
LightningChart Steema Iocomp
数据采集
TAKEBISHI Matrikon
思维导图
TheBrain XMind
开发工具
IntelliJ IDEA MyEclipse Zend PyCharm WebStorm CLion
报表控件
Fast Report Stimulsoft GrapeCity
加密解密
VMPsoft Eziriz Oreans
项目管理
DHTMLX NETRONIC
数据库管理
Devart PremiumSoft
条码工具
Bartender Softek Dynamsoft TEC-IT Byte Aspose.BarCode
解决方案
软件定制解决方案
软件系统定制 高端UI定制 业务系统定制
智能制造解决方案
OMES制造执行系统 APS生产排程系统 OQMS质检管理系统 OPTS生产溯源系统 OTPM设备管理系统 OKanban看板管理 DA工业数据采集系统 SRM供应商管理 PDM产品数据管理 WMS仓储管理 OMES ProLine产线MES系统
行业方案
制造行业
磁性材料行业hot 汽车零配件行业 电子行业 精密装配行业 钣金行业 机械加工行业 汽车改装行业 金属薄膜材料行业 灯具照明行业 电线电缆行业 钢结构行业
其他行业
石油行业hot 医疗行业 金融行业 建筑行业
视频课程
产品视频
UI界面类 图标 报表 网络通讯 文档管理 矢量图像处理 位图图像处理 音频视频 文件格式转码 条形码 加密解密 测试分析 地图/CAD/GIS BI/大数据 算法 工作流 UML 数据库/服务器 IDE 项目管理 思维导图 其他 移动开发 扫描识别 条形码
学院课程
VIP视频 免费视频 用户界面 图表 报表 文档管理 大数据 工作流 项目管理 测试分析 往期公开课 项目管理 其他
企业培训
定制培训班
关于慧都
慧都简介 慧都文化 联系我们 合作伙伴 典型客户
首页 > 资讯 > ASP.NET实现类似Excel的数据透视表的方法

ASP.NET实现类似Excel的数据透视表的方法

转帖|其它|编辑：郝浩|2010-07-22 11:53:19.000|阅读 689 次

概述：数据透视表提供的数据三维视图效果，在Microsoft Excel能创建数据透视表，但是，它并不会总是很方便使用Excel。您可能希望在Web应用程序中创建一个数据透视报表。创建一个简单的数据透视表可能是一件非常复杂的任务。所以，我打算不但为你提供一个非常有用的工具创建简单和高级的数据透视表，而且为你移除一些笼罩他们的神秘面纱。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

　　数据透视表提供的数据三维视图效果，在Microsoft Excel能创建数据透视表，但是，它并不会总是很方便使用Excel。您可能希望在Web应用程序中创建一个数据透视报表。创建一个简单的数据透视表可能是一件非常复杂的任务。所以，我打算不但为你提供一个非常有用的工具创建简单和高级的数据透视表，而且为你移除一些笼罩他们的神秘面纱。

　　目标是：我们想要有能力将datatable中的二维的数据转换成 三维视图。

　　在大多数情况下，你会从数据库的查询数据填充数据表，例如

　　SELECT
SalesPeople.FullName AS [Sales Person]
, Products.FullName AS [Product]
, SUM(Sales.SalesAmount) AS [Sale Amount]
, SUM(Sales.Qty) AS [Quantity]
FROM
Sales
JOIN
SalesPeople WITH (NOLOCK)
ON SalesPeople.SalesPersonID = Sales.SalesPersonID
JOIN
Products WITH (NOLOCK)
ON Products.ProductCode = Sales.ProductCode
GROUP BY
SalesPeople.FullName
, Products.FullName

　　该查询会产生下面的数据表：

　　

Sales Person

Product

Quantity

Sale Amount

　　John

　　Pens

　　200

　　350

　　John

　　Pencils

　　400

　　500

　　John

　　Notebooks

　　100

　　300

　　John

　　Rulers

　　50

　　100

　　John

　　Calculators

　　120

　　1200

　　John

　　Back Packs

　　75

　　1500

　　Jane

　　Pens

　　225

　　393.75

　　Jane

　　Pencils

　　335

　　418.75

　　Jane

　　Notebooks

　　200

　　600

　　Jane

　　Rulers

　　75

　　150

　　Jane

　　Calculators

　　80

　　800

　　Jane

　　Back Packs

　　97

　　1940

　　Sally

　　Pens

　　202

　　353.5

　　Sally

　　Pencils

　　303

　　378.75

　　Sally

　　Notebooks

　　198

　　600

　　Sally

　　Rulers

　　98

　　594

　　Sally

　　Calculators

　　80

　　800

　　Sally

　　Back Packs

　　101

　　2020

　　Sarah

　　Pens

　　112

　　196

　　Sarah

　　Pencils

　　245

　　306.25

　　Sarah

　　Notebooks

　　198

　　594

　　Sarah

　　Rulers

　　50

　　100

　　Sarah

　　Calculators

　　66

　　660

　　Sarah

　　Back Packs

　　50

　　2020

　　正如你所看到的，这是一个二维表，它不是一个非常有用的报表。因此，我们得改变，将它变成更可读的数据表。

　　数据透视表有3个面：

 

　　X轴构成了在表格上方的大标题。Y轴构成表的左栏，Z轴构成了X轴和Y轴对应的值。简单的数据透视表将会对每一个x轴值都只有一个z轴列，高级的数据透视表将对于每个X轴的值会对应有多个Z轴的值。

　　一个非常重要的一点是，Z轴的值只能是数字。这是因为Z轴值为横轴和纵轴的总额。使用一个非数值Z轴字段将抛出一个异常。

　　因此，如果你注意上面的数据表，你会发现，“Sales Person”和“Product”字段可以分配到的X轴或Y轴，但不能给z轴。在“Quantity”和“Sale Amount”字段可以被分配到z轴。

　　Pivot 类将数据表转换成html table。然后您可以将它输出到Web窗体上。那么，这只是实现的方法。如果你愿意，你可以根据这个类的逻辑创建一个用户控件。

　　#region Variables
private DataTable _DataTable;
private string _CssTopHeading;
private string _CssSubHeading;
private string _CssLeftColumn;
private string _CssItems;
private string _CssTotals;
private string _CssTable;
#endregion Variables
#region Constructors
public Pivot(DataTable dataTable)
{
Init();
_DataTable = dataTable;
}
#endregion Constructors

　　这部分的代码是非常自我解释。 你能创建一个Pivot 对象，通过传递一个datatable作为参数。在init（）方法只分配一个空字符串值给CSS变量。如果CSS的变量是一个空字符串，构造方法将使用默认的样式。每一个CSS变量都有一个相应的属性。

　　private string FindValue(string xAxisField, string xAxisValue, string yAxisField, string yAxisValue, string zAxisField)
{
string zAxisValue = "";
try
{
foreach (DataRow row in _DataTable.Rows)
{
if (Convert.ToString(row[xAxisField]) == xAxisValue && Convert.ToString(row[yAxisField]) == yAxisValue)
{
zAxisValue = Convert.ToString(row[zAxisField]);
break;
}
}
}
catch
{
throw;
}
return zAxisValue;
}

　　在FindValue（...）方法在数据表中搜索的对应x轴和y轴值的Z轴值。xAxisField是X轴字段的列名（例如“Product”），而xAxisValue是在该列的值。该yAxisField是的Y轴字段的列名（例如“Sales Person”），并yAxisValue是在该列的值。该zAxisField是列名，在其中Z轴值，是您正在寻找地（例如“Sale Amount”）。

　　private string[] FindValues(string xAxisField, string xAxisValue, string yAxisField, string yAxisValue, string[] zAxisFields)
{
int zAxis = zAxisFields.Length;
if (zAxis < 1)
zAxis++;
string[] zAxisValues = new string[zAxis];
//set default values
for (int i = 0; i <= zAxisValues.GetUpperBound(0); i++)
{
zAxisValues[i] = "0";
}
try
{
foreach (DataRow row in _DataTable.Rows)
{
if (Convert.ToString(row[xAxisField]) == xAxisValue && Convert.ToString(row[yAxisField]) == yAxisValue)
{
for (int z = 0; z < zAxis; z++)
{
zAxisValues[z] = Convert.ToString(row[zAxisFields[z]]);
}
break;
}
}
}
catch
{
throw;
}
return zAxisValues;
}

　　在FindValues（...）方法类似FindValue（...）方法，然而，它会返回多个z轴的值。这是用于高级的数据透视表，对应于x轴的值，您会有多个Z轴列。

　　private void MainHeaderTopCellStyle(HtmlTableCell cell)
{
if (_CssTopHeading == "")
{
cell.Style.Add("font-family", "tahoma");
cell.Style.Add("font-size", "10pt");
cell.Style.Add("font-weight", "normal");
cell.Style.Add("background-color", "black");
cell.Style.Add("color", "white");
cell.Style.Add("text-align", "center");
}
else
cell.Attributes.Add("Class", _CssTopHeading);
}

　　这是CSS样式的方法之一。这在X轴上使用流行的样式（table的顶行）。如果您没有指定一个CSS类名给这个属性，该方法将使用默认的样式。 CSS类将会被应用到网页中的HTML table。

　　/// <summary>
/// Creates an advanced 3D Pivot table.
/// </summary>
/// <param name="xAxisField">The main heading at the top of the report.</param>
/// <param name="yAxisField">The heading on the left of the report.</param>
/// <param name="zAxisFields">The sub heading at the top of the report.</param>
/// <returns>HtmlTable Control.</returns>
public HtmlTable PivotTable(string xAxisField, string yAxisField, string[] zAxisFields)
{
HtmlTable table = new HtmlTable();
//style table
TableStyle(table);
/*
* The x-axis is the main horizontal row.
* The z-axis is the sub horizontal row.
* The y-axis is the left vertical column.
*/
try
{
//get distinct xAxisFields
ArrayList xAxis = new ArrayList();
foreach (DataRow row in _DataTable.Rows)
{
if (!xAxis.Contains(row[xAxisField]))
xAxis.Add(row[xAxisField]);
}
//get distinct yAxisFields
ArrayList yAxis = new ArrayList();
foreach (DataRow row in _DataTable.Rows)
{
if (!yAxis.Contains(row[yAxisField]))
yAxis.Add(row[yAxisField]);
}
//create a 2D array for the y-axis/z-axis fields
int zAxis = zAxisFields.Length;
if (zAxis < 1)
zAxis = 1;
string[,] matrix = new string[(xAxis.Count * zAxis), yAxis.Count];
string[] zAxisValues = new string[zAxis];
for (int y = 0; y < yAxis.Count; y++) //loop thru y-axis fields
{
//rows
for (int x = 0; x < xAxis.Count; x++) //loop thru x-axis fields
{
//main columns
//get the z-axis values
zAxisValues = FindValues(xAxisField, Convert.ToString(xAxis[x])
, yAxisField, Convert.ToString(yAxis[y]), zAxisFields);
for (int z = 0; z < zAxis; z++) //loop thru z-axis fields
{
//sub columns
matrix[(((x + 1) * zAxis - zAxis) + z), y] = zAxisValues[z];
}
}
}
//calculate totals for the y-axis
decimal[] yTotals = new decimal[(xAxis.Count * zAxis)];
for (int col = 0; col < (xAxis.Count * zAxis); col++)
{
yTotals[col] = 0;
for (int row = 0; row < yAxis.Count; row++)
{
yTotals[col] += Convert.ToDecimal(matrix[col, row]);
}
}
//calculate totals for the x-axis
decimal[,] xTotals = new decimal[zAxis, (yAxis.Count + 1)];
for (int y = 0; y < yAxis.Count; y++) //loop thru the y-axis
{
int zCount = 0;
for (int z = 0; z < (zAxis * xAxis.Count); z++) //loop thru the z-axis
{
xTotals[zCount, y] += Convert.ToDecimal(matrix[z, y]);
if (zCount == (zAxis - 1))
zCount = 0;
else
zCount++;
}
}
for (int xx = 0; xx < zAxis; xx++) //Grand Total
{
for (int xy = 0; xy < yAxis.Count; xy++)
{
xTotals[xx, yAxis.Count] += xTotals[xx, xy];
}
}
//Build HTML Table
//Append main row (x-axis)
HtmlTableRow mainRow = new HtmlTableRow();
mainRow.Cells.Add(new HtmlTableCell());
for (int x = 0; x <= xAxis.Count; x++) //loop thru x-axis + 1
{
HtmlTableCell cell = new HtmlTableCell();
cell.ColSpan = zAxis;
if (x < xAxis.Count)
cell.InnerText = Convert.ToString(xAxis[x]);
else
cell.InnerText = "Grand Totals";
//style cell
MainHeaderTopCellStyle(cell);
mainRow.Cells.Add(cell);
}
table.Rows.Add(mainRow);
//Append sub row (z-axis)
HtmlTableRow subRow = new HtmlTableRow();
subRow.Cells.Add(new HtmlTableCell());
subRow.Cells[0].InnerText = yAxisField;
//style cell
SubHeaderCellStyle(subRow.Cells[0]);
for (int x = 0; x <= xAxis.Count; x++) //loop thru x-axis + 1
{
for (int z = 0; z < zAxis; z++)
{
HtmlTableCell cell = new HtmlTableCell();
cell.InnerText = zAxisFields[z];
//style cell
SubHeaderCellStyle(cell);
subRow.Cells.Add(cell);
}
}
table.Rows.Add(subRow);
//Append table items from matrix
for (int y = 0; y < yAxis.Count; y++) //loop thru y-axis
{
HtmlTableRow itemRow = new HtmlTableRow();
for (int z = 0 ; z <= (zAxis * xAxis.Count); z++) //loop thru z-axis + 1
{
HtmlTableCell cell = new HtmlTableCell();
if (z == 0)
{
cell.InnerText = Convert.ToString(yAxis[y]);
//style cell
MainHeaderLeftCellStyle(cell);
}
else
{
cell.InnerText = Convert.ToString(matrix[(z-1), y]);
//style cell
ItemCellStyle(cell);
}
itemRow.Cells.Add(cell);
}
//append x-axis grand totals
for (int z = 0; z < zAxis; z++)
{
HtmlTableCell cell = new HtmlTableCell();
cell.InnerText = Convert.ToString(xTotals[z, y]);
//style cell
TotalCellStyle(cell);
itemRow.Cells.Add(cell);
}
table.Rows.Add(itemRow);
}
//append y-axis totals
HtmlTableRow totalRow = new HtmlTableRow();
for (int x = 0; x <= (zAxis * xAxis.Count); x++)
{
HtmlTableCell cell = new HtmlTableCell();
if (x == 0)
cell.InnerText = "Totals";
else
cell.InnerText = Convert.ToString(yTotals[x-1]);
//style cell
TotalCellStyle(cell);
totalRow.Cells.Add(cell);
}
//append x-axis/y-axis totals
for (int z = 0; z < zAxis; z++)
{
HtmlTableCell cell = new HtmlTableCell();
cell.InnerText = Convert.ToString(xTotals[z, xTotals.GetUpperBound(1)]);
//style cell
TotalCellStyle(cell);
totalRow.Cells.Add(cell);
}
table.Rows.Add(totalRow);
}
catch
{
throw;
}
return table;
}

　　PivotTable(…) 方法，是所有神奇发生的地方。有两种重载方法，一个创建了一个简单的数据透视表，而其他（上面的方法）创建一个高级的数据透视表。唯一的区别在于，一个简单只有一个的z轴，而高级的，不止一个。

　　Pivot.zip文件中包括两个解决方案。Pivot 是一个类库解决方案是。您可以编译此解决方案和在Web应用程序中引用Pivot.dll。另一个解决方案是PivotTest，它是是一个ASP.NET应用程序。这说明如何实现Pivot类。

　　public DataTable DataTableForTesting
{
get
{
DataTable dt = new DataTable("Sales Table");
dt.Columns.Add("Sales Person");
dt.Columns.Add("Product");
dt.Columns.Add("Quantity");
dt.Columns.Add("Sale Amount");
dt.Rows.Add(new object[] { "John", "Pens", 200, 350.00 });
dt.Rows.Add(new object[] { "John", "Pencils", 400, 500.00 });
dt.Rows.Add(new object[] { "John", "Notebooks", 100, 300.00 });
dt.Rows.Add(new object[] { "John", "Rulers", 50, 100.00 });
dt.Rows.Add(new object[] { "John", "Calculators", 120, 1200.00 });
dt.Rows.Add(new object[] { "John", "Back Packs", 75, 1500.00 });
dt.Rows.Add(new object[] { "Jane", "Pens", 225, 393.75 });
dt.Rows.Add(new object[] { "Jane", "Pencils", 335, 418.75 });
dt.Rows.Add(new object[] { "Jane", "Notebooks", 200, 600.00 });
dt.Rows.Add(new object[] { "Jane", "Rulers", 75, 150.00 });
dt.Rows.Add(new object[] { "Jane", "Calculators", 80, 800.00 });
dt.Rows.Add(new object[] { "Jane", "Back Packs", 97, 1940.00 });
dt.Rows.Add(new object[] { "Sally", "Pens", 202, 353.50 });
dt.Rows.Add(new object[] { "Sally", "Pencils", 303, 378.75 });
dt.Rows.Add(new object[] { "Sally", "Notebooks", 198, 600.00 });
dt.Rows.Add(new object[] { "Sally", "Rulers", 98, 594.00 });
dt.Rows.Add(new object[] { "Sally", "Calculators", 80, 800.00 });
dt.Rows.Add(new object[] { "Sally", "Back Packs", 101, 2020.00 });
dt.Rows.Add(new object[] { "Sarah", "Pens", 112, 196.00 });
dt.Rows.Add(new object[] { "Sarah", "Pencils", 245, 306.25 });
dt.Rows.Add(new object[] { "Sarah", "Notebooks", 198, 594.00 });
dt.Rows.Add(new object[] { "Sarah", "Rulers", 50, 100.00 });
dt.Rows.Add(new object[] { "Sarah", "Calculators", 66, 660.00 });
dt.Rows.Add(new object[] { "Sarah", "Back Packs", 50, 2020.00 });
return dt;
}
}

　　我已创建数据表的属性，它建立在上面的例子中的数据表。这只是用于演示目的。

　　protected void Page_Load(object sender, EventArgs e)
{
//Advanced Pivot
Pivot advPivot = new Pivot(DataTableForTesting);
HtmlTable advancedPivot = advPivot.PivotTable("Sales Person", "Product", new string[] { "Sale Amount", "Quantity" });
div1.Controls.Add(advancedPivot);
//Simple Pivot
Pivot pivot = new Pivot(DataTableForTesting);
//override default style with css
pivot.CssTopHeading = "Heading";
pivot.CssLeftColumn = "LeftColumn";
pivot.CssItems = "Items";
pivot.CssTotals = "Totals";
pivot.CssTable = "Table";
HtmlTable simplePivot = pivot.PivotTable("Product", "Sales Person", "Sale Amount");
div2.Controls.Add(simplePivot);
}

　　上述代码包括两个实例化的pivot对象。第一个高级的pivot和第二是一个简单的pivot。你可以看到我已经为div添加了HtmlTable控件。我创建具有runat="server"属性的div，这样我可以在后台代码里面访问它。div只是帮助HtmlTable的定位。

　　使用默认样式的高级的数据透视表：

　　运行代码框

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

　　使用自定义的CSS样式简单的数据透视表：

 

 


标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：转载

上一篇：JAVA WEB开发中路径问题的总结 下一篇：ASP.NET页面间数据传递的方法

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问

国产化文档处理组件Spire.Doc视频教程：Word文档添加重复水印

国产化文档处理组件Spire.Doc视频教程：为Word文档添加页眉页脚

国产化文档处理组件Spire.Doc视频教程：改变Word文档的字体

国产化文档处理组件Spire.Doc视频教程：Word文档添加或提取附件

国产化文档处理组件Spire.Doc视频教程：改变Word文档的页面布局

国产化文档处理组件Spire.Doc视频教程：Word文档的比较功能
相关文章 MORE
业务系统定制

用科技创就卓越

Create excellence with technology

智能制造解决方案
工业设计 运营管理 生产管理
石油工程解决方案
油气勘探数字化 钻井工程数字化 数据管理与分析
关于我们
慧都简介 公司动态 业务区域 典型案例
区域服务电话
重庆 / 023-68661681 华东 / 13452821722 华南 / 18166486035 华北 / 17347785263
客户支持
技术培训/ 咨询服务 服务热线：400-700-1020 邮箱：sales@evget.com 微信 在线咨询

官方公众号

官方视频号

服务电话

重庆/ 023-68661681

华东/ 13452821722

华南/ 18100878085

华北/ 17347785263

客户支持

技术支持咨询服务

服务热线：400-700-1020

邮箱：sales@evget.com

关注我们

地址 : 重庆市九龙坡区火炬大道69号6幢

慧都科技 版权所有 Copyright 2003- 2025 渝ICP备12000582号-13   渝公网安备 50010702500608号

扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP
微信
电话