大白话C#--chartControl控件连接SQL Server数据库实现饼状图1

大白话C#—chartControl控件连接

SQL Server数据库实现饼状图

大白话系列宗旨：打破自身基础高低的壁垒，用最简单白话的语言，让最低基础的童鞋也能轻松编程。

项目描述：chartControl是VS中DEV插件下的一个控件，可以实现在界面中的图表功能，本项目旨在通过chartControl控件与数据库动态连接，从而实现将数据库中的数据对应显示在界面的图表中。本示例使用SQL Server数据库，最终实现的是饼状图。

环境：VS2010、DEV11.1、SQL Server2008

详细步骤（完整代码附在文档最后）：

一、建立数据库

1、打开SQL Server 2008下的SQL Server Management Studio，连接进入主界面。

2、在主界面左侧找到“数据库”文件夹，右键点击“新建数据库”，并对数据库进行命名，此处命名为“Test”。

3、点击“确定”，即建立了一个名为“Test”的数据库。

二、新建数据表

1、在主界面左侧的“Test”文件夹下找到“表”文件夹，右键点击，选择“新建表”，此时弹出窗口对该表命名，此处命名为“dbo.Table”

2、在弹出的界面中给新建表添加列名及其类型，并保存。范例如图：

3、在左侧找到“表”文件夹下“dbo.Table”，右键点击，选择“编辑前200行”，在弹出的窗口内对该数据表进行数据填充，就是对之前新建表里的各列填充数据。范例如图：

三、新建C #项目

1、找到并打开VS2010软件，新建项目。

2、在弹出的窗口中左侧选择Visual C#下的Windows，然后在右侧选择“Windows窗体应用程序”，然后在下侧修改项目名称。

点击确定，即创建了一个窗体。

四、给窗体添加chartControl控件

1、在主界面左侧找到工具箱（若无工具箱，可在主界面“视图”选项卡下选择“工具箱”即可显示），在工具箱中找到chartControl 控件双击，即可在窗体中添加该控件。

2、选择要展示的图表样式，本例选择饼状图，即图中的Pie。

3、chartControl控件在父容器中停靠。

4、对chartControl控件中的图例部分进行属性设置。依次按图中红框指示点击，Legend代表饼状图的图例，在Legend设置界面中，Direction代表图例的横纵向表示方位，Aligenment表示图例的放置位置，Marign表示图例与周围边界的距离。按照自己需要进行设置，设置完成点击“Finish”。

五、进入代码编写（完整代码附在文档最后）

1、在窗体上右键，选择“查看代码”，即可进入代码编写区。

2、初始代码主要是using引用部分和最基本的初始化InitializeComponent。

3、添加新的using引用，主要是【与数据库连接相关的using System.Data.SqlClient】、【与DEV插件编辑相关的using DevExpress.XtraEditors】、【与chartControl控件相关的using DevExpress.XtraCharts】。添加完成后如下图：

4、对chartControl控件进行初始化。

初始化主要包括对控件数据源的定义（定义数据源为CreateDataSource（））、饼状图图的横纵坐标、指示数值的百分比样式展示及数值字体颜色、大小、背景色、边框等，同时也将图例的展示内容由展示数值修改为展示Name的各项。

图中红框区域内是chartControl初始化函数InitChartDataSource（）的代码，该段代码添加完之后将InitChartDataSource（）添加到public Form1（）中，以达到初始化目的。

5、搭建数据源

由于在之前的chartControl初始化中我们已经定义数据源为CreateDataSource（），下面我们就要搭建CreateDataSource（）。

创建private DataTable CreateDataSource（），并为其添加代码（其中，数据库的连接字符串采用连接本机SQL Server的方式）如下图：

六、代码编写完成，启动调试。