用ZedGraph控件画统计分析图

用ZedGraph控件画统计分析图

<script type="text/JavaScript"> </script> <script src="http://a.alimama.cn/inf.js" type="text/javascript"> </script>

由于朋友需要把C1WebChart.替换掉,改用开源的ZedGraph控件.以下做一个示例,供大家参考: <script type="text/JavaScript"> </script> <script src="http://a.alimama.cn/inf.js" type="text/javascript"> </script>

步骤如下:

1、添加ZedGraph控件。如下图：

2、添加到控制面版。如下图：

3、制作用户控件。

   a>  建立一个命名为： DrawGrap.ascx 用户控件。
   b>  通过控制面版，把ZedGraphWeb拖到默认页面。 如下图：
 
c>   生成代码(DrawGrap.ascx)如下：
     

      <% @ Control Language = " C# "  AutoEventWireup = " true "  CodeFile = " DrawGrap.ascx.cs "  Inherits = " DrawGrap "   %>
<% @ Register TagPrefix = " zgw "  Namespace = " ZedGraph.Web "  Assembly = " ZedGraph.Web "   %>
< ZGW:ZEDGRAPHWEB id = " zedGraphControl "  runat = " server "  width = " 500 "  Height = " 375 "  RenderMode = " ImageTag " />

 

  d>  生成代码(DrawGrap.ascx.cs)如下：

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

using  System.Drawing;
using  ZedGraph;
using  ZedGraph.Web;
using  System.Collections.Generic;

/**/ /// <summary>
/// 显示统计图形类型
/// </summary>
public   enum  AnalyticsType
... {
    Line,   //折线图
    Bar,    //柱状图
    Pie     //饼图
} ;
public   partial   class  DrawGrap : System.Web.UI.UserControl
... {
    Private Attribute#region Private Attribute
    /**//// <summary>
    /// 默认颜色种类
    /// </summary>
    private List<Color> defaultColors = new List<Color>();
    /**//// <summary>
    /// 统计的个数
    /// </summary>
    private int Count;
    #endregion

    Public Property#region Public Property
    /**//// <summary>
    /// 统计图的名称
    /// </summary>
    public string Title;
    /**//// <summary>
    /// 横轴的名称（饼图不需要）
    /// </summary>
    public string XAxisTitle;
    /**//// <summary>
    /// 纵轴的名称（饼图不需要）
    /// </summary>
    public string YAxisTitle;
    /**//// <summary>
    /// 显示的曲线类型：Line,Bar,Pie
    /// </summary>
    public AnalyticsType Type;
    /**//// <summary>