利用DevExpress的WebChartControl绘制直方图，折线图和饼状图

开发工具：VS 2010+DevExpress控件forC#-8[1].2，后者是我在csdn.net上下载的，具体下载地址为http://download.csdn.net/detail/fos007/3685946

1、解压“ DevExpress控件forC#-8[1].2 ”文件会有一系列的dll文件，将涉及到DevExpress.XtraCharts的命名空间和子空间作为引用添加到解决方案中来。

2、工具箱-选择工具箱项-浏览到DevExpress.XtraCharts.v8.2.Web.dll添加

3、添加工具箱中出现的WebChartControl控件三个，分别用来显示直方图，饼状图和折线图。在代码文件中添加命名空间using DevExpress.XtraCharts.Web;
using DevExpress.XtraCharts;   //Series,SeriesPoint属于该类的。

4、为图形创建数据源，以DataTable数据源作为示例，该DataTable包含三列，week星期与money金额，cost成本，代码如下

public DataTable GetDataSource
{
    get
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("week", typeof(string));
        dt.Columns.Add("money", typeof(decimal));
        dt.Columns.Add("cost", typeof(decimal));

        dt.Rows.Add("星期一", 1200, 800);
        dt.Rows.Add("星期二", 1500, 1000);
        dt.Rows.Add("星期三", 1400, 850);
        dt.Rows.Add("星期四", 1450, 950);
        dt.Rows.Add("星期五", 1300, 900);
        dt.Rows.Add("星期六", 1325, 870);
        dt.Rows.Add("星期日", 1400, 890);

        return dt;
    }
}

5.1  创建柱形图

protected void Page_Load(object sender, EventArgs e)
{

Series series = new Series("金额", ViewType.Bar);
Series series_cost = new Series("成本", ViewType.Bar);
SeriesPoint point;
DataTable dt = GetDataSource;
for (int i = 0; i < dt.Rows.Count; i++)
{
point = new SeriesPoint(dt.Rows[i]["week"].ToString(), Convert.ToDouble(dt.Rows[i]["money"].ToString()));
series.Points.Add(point);

point = new SeriesPoint(dt.Rows[i]["week"].ToString(), Convert.ToDouble(dt.Rows[i]["cost"].ToString()));
series_cost.Points.Add(point);
}
this.WebChartControl1.Series.Add(series);
this.WebChartControl1.Series.Add(series_cost);
}//注：一个Series对象，就代表图形中的一项数据，一个SeriesPoint对象，就代表项数据中的一个数据点，有了这两项理解，我们要再增加数据项，就非常简单了。

5.2 创建折线图

protected void Page_Load(object sender, EventArgs e)
{
Series series = new Series("金额", ViewType.Line);
Series series_cost = new Series("成本", ViewType.Line);
SeriesPoint point;
DataTable dt = GetDataSource;
for (int i = 0; i < dt.Rows.Count; i++)
{
point = new SeriesPoint(dt.Rows[i]["week"].ToString(), Convert.ToDouble(dt.Rows[i]["money"].ToString()));
series.Points.Add(point);

point = new SeriesPoint(dt.Rows[i]["week"].ToString(), Convert.ToDouble(dt.Rows[i]["cost"].ToString()));
series_cost.Points.Add(point);
}
this.WebChartControl1.Series.Add(series);
this.WebChartControl1.Series.Add(series_cost);
}

5.2 创建饼图

Series series = new Series("金额", ViewType.Pie);

Series series_cost = new Series("成本", ViewType.Pie);

5.4 创建混合图

现在我们将金额的数据以线状显示，将成本的数据以柱状显示，改写Series对象的类型如下：

Series series = new Series("金额", ViewType.Line);

Series series_cost = new Series("成本", ViewType.Bar);

本文主要内容转自：http://www.lmwlove.com/ac/ID816，经过少许的编辑加工，在实际代码中成功测试运行过。