Dundas教程详解.docx
《Dundas教程详解.docx》由会员分享，可在线阅读，更多相关《Dundas教程详解.docx（43页珍藏版）》请在冰豆网上搜索。
Dundas教程详解
DundasChartfor.NET是一个具有丰富特色的、得奖的图表组件，专为WindowsForms和ASP.NET开发。
开发者能够很容易地实现高级图表，使企业更加有效地管理和分析数据。
本章以WindowsForms版本为例，介绍如何实现丰富的图表。
DundasChartfor.NET是在.NET图表领域中的领跑者。
这个获得了多个大奖的控件产品提供给您最全面的功能、最完善的样品框架和最佳的技术支持。
从开始到结束，我们致力于为你提供你所需要的技术，使您的项目在最短时间内取得成功。
使用该图表控件,开发者能够容易地实现高级的图表展示，使企业更加直观的有效的管理和分析数据，大量提高您的工作效率。
（官方网址：
1、安装。
此产品提供4个平台的支持，分别为：
a.DundasChartfor.NET
b.DundasChartforReportingServices
c.DundasChartforSharePoint
d.DundasChartfor.NET-OLAPServices
具体可以直接去网站
本次介绍.NETC#语言的本版。
2、使用
安装完成之后，直接就可以在VS中使用了。
（最新版的支持VS2008）
a.首先在VS工具箱中托一个控件Chart放到页面中。
b.然后，可以通过控件中的向导来配置。
c.配置前台完成之后，在代码页面中添加引用usingDundas.Charting.WebControl;
d.其中，控件Chart可以分为ChartArea区域，Sieres，Legend，Axis几个部分，具体可以参考一下图
e.绑定数据部分，可以通过Points.DataBindXY（X[],y[]）;来完成。
以下为CS代码：
1.using System;
2.using System.Data;
3.using System.Configuration;
4.using System.Collections;
5.using System.Web;
6.using System.Web.Security;
7.using System.Web.UI;
8.using System.Web.UI.WebControls;
9.using System.Web.UI.WebControls.WebParts;
10.using System.Web.UI.HtmlControls;
11.
12.using Dundas.Charting.WebControl;
13.
14.public partial class test :
System.Web.UI.Page
15.{
16. protected void Page_Load（object sender, EventArgs e）
17. {
18. string[] xValues = new string[7] { "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日" };
19. double[] yValues = new double[7] { 10, 20, 30, 40, 50, 60, 70 };
20. Chart1.Series["Series1"].Points.DataBindXY（xValues, yValues）;
21. }
22.}
23.
f.然后编译，运行，得到一下结果：
以上就是控件绑定数据的介绍，其他的用途还有很多，这次就不多介绍了。
以后会再介绍Chart控件的其他高级的使用心得。
17.1 安装Dundas图表控件
1．目的说明
介绍将Dundas图表控件安装到用户的计算机中的步骤，不涉及控件的使用等技术问题。
2．操作步骤
（1）双击下载的安装文件，如图17.1所示。
（2）单击“Next”按钮，如图17.2所示。
图17.1 安装步骤1 图17.2 安装步骤2
（3）选择同意许可协议才能继续安装，单击“Next”按钮，如图17.3所示。
（4）单击“Next”按钮，如图17.4所示。
图17.3 安装步骤3 图17.4 安装步骤4
（5）选择所需安装的位置，单击“Next”按钮，如图17.5所示。
（6）安装完毕后如图17.6所示。
图17.5 安装步骤5 图17.6 安装步骤6
17.2 创建平面图
典型的平面图如图17.7所示。
图17.7 平面图
Dundas图表控件中提供了一个用于创建图形的向导，可以详细地定制图形各个方面的特性。
对于平面图而言，其对应于Dundas控件的类型为Area。
1．目的说明
介绍如何实现简单的平面图绘制。
2．操作步骤
（1）创建一个Windows窗体应用程序，命名为AreaChart。
（2）向窗体中添加一个DundasChartViewer，将弹出窗体如图17.8所示。
图17.8 创建向导
（3）在上方的“ChartTypeGroups”下拉列表框中选择Area，如图17.9所示。
图17.9 Area图列表
（4）选择第一项“Area”，单击下方的“Next”按钮，进入“3D”设置，如图17.10所示。
图17.10 3D设置
（5）此处将“3DEnabled”复选框取消，不进行任何3D设置，单击“Next”按钮，如图17.11所示。
图17.11 外观设置
（6）此处可以进行外观的设置，中间“AppearanceSytles”列表中是一些预定义的外观样式，可供选择。
单击“Next”按钮，如图17.12所示。
图17.12 数据源
（7）此处可以进行用于绘制图表的数据源的配置，在上方的“ChartDataSource”下拉列表框中选择“NewBindingSource”选项，如图17.13所示。
（8）选择“数据库”选项，单击“下一步”按钮，如图17.14所示。
（9）直接选择以前曾经配置过的SQLServerExpress数据库，单击“下一步”按钮，如图17.15所示。
如果要建立其他连接，可以单击右侧的“新建连接”按钮。
（10）选择保存数据库连接字符串，单击“下一步”按钮，如图17.16所示。
图17.13 数据源配置向导 图17.14 选择数据库
图17.15 选择数据库 图17.16 检索数据库
（11）配置向导已经自动检索出了数据库中的内容，选择需要的数据后单击“完成”按钮。
DundasChart向导将自动识别出新添加的数据源。
跳过向导中的“ErrorBars”步骤，进入Axes配置界面，如图17.17所示。
图17.17 配置坐标系
（12）在“Title”中可以设定显示名称，同样也可以设定纵轴的显示名称，设置完毕后单击“Next”按钮，如图17.18所示。
图17.18 配置坐标系
（13）调整图表设置后单击“Next”按钮，如图17.19所示。
图17.19 显示值
（14）选中“DisplayPointLabels”选项，该选项用于显示每个点的值，其他还有颜色、字体和位置等属性可调。
单击“下一步”按钮，如图17.20所示。
设置图表的标题后单击“Finish”按钮，结束配置。
3．运行结果
运行程序，效果如图17.21所示。
图17.20 图表标题
图17.21 运行结果
17.3 创建条形图
一个典型的条形图如图17.22所示，一些常见的硬件性能评测软件中经常使用这类图表。
在Dundas图表控件中，条形图对应的类型为Bar，即SeriesChartType.Bar。
通过设置不同的数据，控件将根据这些数据绘制不同的图形。
1．目的说明
介绍如何使用Dundas图表控件创建条形图。
2．操作步骤
（1）创建条形图的方法有两种，第一种是按照上一节的方法使用向导进行创建。
由于这些方法大同小异，从本节开始只介绍第二种方法，即采用代码实现的方法。
（2）创建一个Windows窗体应用程序，命名为BarChart。
（3）添加对DundasWinChart的引用，如图17.23所示。
图17.22 条形图 图17.23 添加引用
（4）在代码中添加如下引用。
usingDundas.Charting.WinControl;
（5）修改“Form1.cs”的代码如下。
publicpartialclassForm1:
Form
{
publicForm1（）
{
InitializeComponent（）;
}
privatevoidForm1_Load（objectsender,EventArgse）
{
//创建一个Chart类型的变量，表示一幅图
Chartchart=newChart（）;
//Series表示图表中的一个系列，这里只添加一幅默认的图表
chart.Series.Add（"Default"）;
//设置该图表的样式为条形图
chart.Series["Default"].Type=SeriesChartType.Bar;
//为其添加数据
chart.Series["Default"].Points.Add（15）;
chart.Series["Default"].Points.Add（8）;
chart.Series["Default"].Points.Add（14）;
chart.Series["Default"].Points.Add（9）;
chart.Series["Default"].Points.Add（16）;
chart.Series["Default"].Points.Add（12）;
//ChartAreas表示图表显示的区域，添加一个默认的区域
chart.ChartAreas.Add（"Default"）;
//将默认图表的显示区域设定为新添加的显示区域
chart.Series["Default"].ChartArea="Default";
//定义图片控件的窗体填充方式
chart.Dock=DockStyle.Fill;
//向窗体中添加该控件
Controls.Add（chart）;
}
}
3．运行结果
运行程序，结果如图17.24所示。
图17.24 运行结果
17.4 创建柱状图
常见的柱状图效果如图17.25所示。
在Dundas图表控件中，柱状图对应的类型是Column，即SeriesChartType.Column。
对图形的绘制也是根据不同的数据产生的。
1．目的说明
介绍使用Dundas创建柱状图的方法。
2．操作步骤
（1）创建一个Windows窗体应用程序，命名为ColumnChart。
（2）添加对DundasWinChart的引用，如图17.26所示。
图17.25 柱状图 图17.26 添加引用
（3）在代码中添加如下引用。
usingDundas.Charting.WinControl;
（4）修改“Form1.cs”的代码如下。
publicpartialclassForm1:
Form
{
publicForm1（）
{
InitializeComponent（）;
}
privatevoidForm1_Load（objectsender,EventArgse）
{
//创建一个Chart类型的变量，表示一幅图
Chartchart=newChart（）;
//Series表示图表中的一个系列，这里只添加一幅默认的图表
chart.Series.Add（"Default"）;
//设置该图表的样式为柱状图
chart.Series["Default"].Type=SeriesChartType.Column;
//为其添加数据
chart.Series["Default"].Points.Add（15）;
chart.Series["Default"].Points.Add（8）;
chart.Series["Default"].Points.Add（14）;
chart.Series["Default"].Points.Add（9）;
chart.Series["Default"].Points.Add（16）;
chart.Series["Default"].Points.Add（12）;
//ChartAreas表示图表显示的区域，添加一个默认的区域
chart.ChartAreas.Add（"Default"）;
//将默认图表的显示区域设定为新添加的显示区域
chart.Series["Default"].ChartArea="Default";
//定义图片控件的窗体填充方式
chart.Dock=DockStyle.Fill;
//向窗体中添加该控件
Controls.Add（chart）;
}
}
3．运行结果
运行程序，结果如图17.27所示。
图17.27 运行结果
17.5 创建环状图
常见的环状图效果如图17.28所示。
环状图在一些销售、市场方面的展示中经常使用。
本节介绍的环状图在Dundas图表控件中用Doughnut表示，即SeriesChartType.Doughnut。
Doughnut在英文中是甜甜圈的意思，形象地表示了环状图的样式。
1．目的说明
介绍使用Dundas创建环状图的方法。
2．操作步骤
（1）创建一个Windows窗体应用程序，命名为DoughnutChart。
（2）添加对DundasWinChart的引用，如图17.29所示。
图17.28 环状图 图17.29 添加引用
（3）在代码中添加如下引用。
usingDundas.Charting.WinControl;
（4）修改“Form1.cs”的代码如下。
publicpartialclassForm1:
Form
{
publicForm1（）
{
InitializeComponent（）;
}
privatevoidForm1_Load（objectsender,EventArgse）
{
//创建一个Chart类型的变量，表示一幅图
Chartchart=newChart（）;
//Series表示图表中的一个系列，这里只添加一幅默认的图表
chart.Series.Add（"Default"）;
//设置该图表的样式为环状图
chart.Series["Default"].Type=SeriesChartType.Doughnut;
//为其添加数据
chart.Series["Default"].Points.Add（15）;
chart.Series["Default"].Points.Add（8）;
chart.Series["Default"].Points.Add（14）;
chart.Series["Default"].Points.Add（9）;
chart.Series["Default"].Points.Add（16）;
chart.Series["Default"].Points.Add（12）;
//ChartAreas表示图表显示的区域，添加一个默认的区域
chart.ChartAreas.Add（"Default"）;
//将默认图表的显示区域设定为新添加的显示区域
chart.Series["Default"].ChartArea="Default";
//定义图片控件的窗体填充方式
chart.Dock=DockStyle.Fill;
//向窗体中添加该控件
Controls.Add（chart）;
}
}
3．运行结果
运行程序，结果如图17.30所示。
图17.30 运行结果
17.6 创建饼图
常见的饼图效果如图17.31所示。
饼图和环状图基本类似，饼图在一些销售、市场方面的展示中也经常使用。
本节介绍的饼图在Dundas图表控件中用Pie表示，即SeriesChartType.Pie。
Pie在英文中是馅饼的意思，形象地表示了饼图的样式。
1．目的说明
介绍使用Dundas创建饼图的方法。
2．操作步骤
（1）创建一个Windows窗体应用程序，命名为PieChart。
（2）添加对DundasWinChart的引用，如图17.32所示。
图17.31 饼图 图17.32 添加引用
（3）在代码中添加如下引用。
usingDundas.Charting.WinControl;
（4）修改“Form1.cs”的代码如下。
publicpartialclassForm1:
Form
{
publicForm1（）
{
InitializeComponent（）;
}
privatevoidForm1_Load（objectsender,EventArgse）
{
//创建一个Chart类型的变量，表示一幅图
Chartchart=newChart（）;
//Series表示图表中的一个系列，这里只添加一幅默认的图表
chart.Series.Add（"Default"）;
//设置该图表的样式为饼图
chart.Series["Default"].Type=SeriesChartType.Pie;
//为其添加数据
chart.Series["Default"].Points.Add（15）;
chart.Series["Default"].Points.Add（8）;
chart.Series["Default"].Points.Add（14）;
chart.Series["Default"].Points.Add（9）;
chart.Series["Default"].Points.Add（16）;
chart.Series["Default"].Points.Add（12）;
//ChartAreas表示图表显示的区域，添加一个默认的区域
chart.ChartAreas.Add（"Default"）;
//将默认图表的显示区域设定为新添加的显示区域
chart.Series["Default"].ChartArea="Default";
//定义图片控件的窗体填充方式
chart.Dock=DockStyle.Fill;
//向窗体中添加该控件
Controls.Add（chart）;
}
}
3．运行结果
运行程序，结果如图17.33所示。
图17.33 运行结果
17.7 创建折线图
常见的折线图效果如图17.34所示。
折线图在一些动态变化的数据或时间序列数据的展示中经常使用，折线图在Dundas图表控件中对应Line类型，即SeriesChartType.Line。
1．目的说明
介绍使用Dundas创建折线图的方法。
2．操作步骤
（1）创建一个Windows窗体应用程序，命名为LineChart。
（2）添加对DundasWinChart的引用，如图17.35所示。
图17.34 折线图 图17.35 添加引用
（3）在代码中添加如下引用。
usingDundas.Charting.WinControl;
（4）修改“Form1.cs”的代码如下。
publicpartialclassForm1:
Form
{
publicForm1（）
{
InitializeComponent（）;
}
privatevoidForm1_Load（objectsender,EventArgse）
{
//创建一个Chart类型的变量，表示一幅图
Chartchart=newChart（）;
//Series表示图表中的一个系列，这里只添加一幅默认的图表
升级会员 