用ZedGraph控件画统计分析图.

由于朋友需要把C1WebChart.替换掉,改用开源的ZedGraph控件.以下做一个示例,供大家参考:

步骤如下:

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>
    /// 折线图和柱状图的数据源
    /// </summary>
    public List<PointPairList> DataSource = new List<PointPairList>();
    /**//// <summary>
    /// 饼图的数据源
    /// </summary>
    public List<double> ScaleData = new List<double>();
    /**//// <summary>
    /// 各段数据的颜色
    /// </summary>
    public List<Color> Colors = new List<Color>();
    /**//// <summary>
    /// 各段数据的名称
    /// </summary>
    public List<string> NameList = new List<string>();
    /**//// <summary>
    /// 用于柱状图，每个圆柱体表示的含义
    /// </summary>
    public List<string> LabelList = new List<string>();
    #endregion
    protected void Page_Load(object sender, EventArgs e)
    ...{
        zedGraphControl.RenderGraph += new ZedGraph.Web.ZedGraphWebControlEventHandler(zedGraphControl_RenderGraph);
    }


   private void InitDefaultColors()
        ...{
            defaultColors.Add(Color.Red);
            defaultColors.Add(Color.Green);
            defaultColors.Add(Color.Blue);
            defaultColors.Add(Color.Yellow);
            defaultColors.Add(Color.YellowGreen);
            defaultColors.Add(Color.Brown);
            defaultColors.Add(Color.Aqua);
            defaultColors.Add(Color.Cyan);
            defaultColors.Add(Color.DarkSeaGreen);
            defaultColors.Add(Color.Indigo);
        }
        /**//// <summary>
        /// 如果属性为空则初始化属性数据
        /// </summary>
        private void InitProperty()
        ...{
            InitDefaultColors();
            if (string.IsNullOrEmpty(Title))
            ...{
                Title = "未命名统计图";
            }
            if (string.IsNullOrEmpty(XAxisTitle))
            ...{
                XAxisTitle = "横轴";
            }
            if (string.IsNullOrEmpty(YAxisTitle))
            ...{
                YAxisTitle = "纵轴";
            }
            if (Type == AnalyticsType.Pie)
            ...{
                Count = ScaleData.Count;
            }
            else
            ...{
                Count = DataSource.Count;
            }
            if (Colors.Count == 0 || Colors.Count != Count)
            ...{
                Random r = new Random();
                int tempIndex = 0;
                List<int> tempIndexList = new List<int>();
                for (int i = 0; i < Count; i++)
                ...{
                    tempIndex = r.Next(defaultColors.Count);
                    if (tempIndexList.Contains(tempIndex))
                    ...{
                        i--;
                    }
                    else
                    ...{
                        tempIndexList.Add(tempIndex);
                        Colors.Add(defaultColors[tempIndex]);
                    }
                }
            }
            if (NameList.Count == 0)
            ...{
                if (Type == AnalyticsType.Bar)
                ...{
                    for (int i = 0; i < DataSource[0].Count; i++)
                    ...{
                        NameList.Add("第" + i.ToString() + "组");
                    }
                }
                else
                ...{
                    for (int i = 0; i < Count; i++)
                    ...{
                        NameList.Add("第" + i.ToString() + "组");
                    }
                }
            }
            if (LabelList.Count == 0)
            ...{
                for (int i = 0; i < Count; i++)
                ...{
                    LabelList.Add("含义" + i.ToString());
                }
            }
        }
        /**//// <summary>
        /// 画图
        /// </summary>
        /// <param name="webObject"></param>
        /// <param name="g"></param>
        /// <param name="pane"></param>
        private void zedGraphControl_RenderGraph(ZedGraph.Web.ZedGraphWeb webObject, System.Drawing.Graphics g, ZedGraph.MasterPane pane)
        ...{
            InitProperty();

            GraphPane myPane = pane[0];

            myPane.Title.Text = Title;
            myPane.XAxis.Title.Text = XAxisTitle;
            myPane.YAxis.Title.Text = YAxisTitle;

            //if (true)
            //{
            //    DrawMessage(myPane, "yiafdhaskjhfasfksahfasdlhfaslf lasgfasglgsadi");
            //    pane.AxisChange(g);
            //    return;
            //}

            switch (Type)
            ...{
                case AnalyticsType.Line:
                    DrawLine(myPane);
                    break;
                case AnalyticsType.Bar:
                    DrawBar(myPane);
                    break;
                case AnalyticsType.Pie:
                    DrawPie(myPane);
                    break;
                default:
                    break;
            }
            pane.AxisChange(g);
        }

        Draw#region Draw
        /**//// <summary>
        /// 画折线图
        /// </summary>
        /// <param name="graphPane"></param>
        private void DrawLine(GraphPane graphPane)
        ...{
            for (int i = 0; i < Count; i++)
            ...{
                graphPane.AddCurve(NameList[i], DataSource[i], Colors[i], SymbolType.None);
            }
        }
        /**//// <summary>
        /// 画柱状图
        /// </summary>
        /// <param name="graphPane"></param>
        private void DrawBar(GraphPane graphPane)
        ...{
            for (int i = 0; i < Count; i++)
            ...{
                graphPane.AddBar(LabelList[i], DataSource[i], Colors[i]).Bar.Fill = new Fill(Colors[i], Color.White, Colors[i]);
            }
            graphPane.XAxis.MajorTic.IsBetweenLabels = true;
            string[] labels = NameList.ToArray();
            graphPane.XAxis.Scale.TextLabels = labels;
            graphPane.XAxis.Type = AxisType.Text;
            graphPane.Fill = new Fill(Color.White, Color.FromArgb(200, 200, 255), 45.0f);
            graphPane.Chart.Fill = new Fill(Color.White, Color.LightGoldenrodYellow, 45.0f);
        }
        /**//// <summary>
        /// 画饼图
        /// </summary>
        /// <param name="graphPane"></param>
        private void DrawPie(GraphPane graphPane)
        ...{
            graphPane.Fill = new Fill(Color.White, Color.Silver, 45.0f);

            graphPane.Legend.Position = LegendPos.Float;
            graphPane.Legend.Location = new Location(0.95f, 0.15f, CoordType.PaneFraction, AlignH.Right, AlignV.Top);
            graphPane.Legend.FontSpec.Size = 20f;
            graphPane.Legend.IsHStack = false;

            for (int i = 0; i < Count; i++)
            ...{
                graphPane.AddPieSlice(ScaleData[i], Colors[i], Color.White, 45f, 0, NameList[i]);
            }
        }
        /**//// <summary>
        /// 如果系统出错，显示错误信息
        /// </summary>
        /// <param name="graphPane"></param>
        /// <param name="message"></param>
        private void DrawMessage(GraphPane graphPane, string message)
        ...{
            TextObj text = new TextObj(message, 200, 200);
            text.Text = message;
            graphPane.GraphObjList.Add(text);

        }
        #endregion
    }

  e>  用户控件制作完成。

4、对控件的使用。

  a>  创建测试页面(DrawGrap.aspx)

  b> 把用户控件DrawGrap.ascx 拖到默认的测试页面上(DrawGrap.aspx)

  c> 后台代码如下：

 

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;

public   partial   class  DrawGrap : System.Web.UI.Page
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        //柱状图
        DrawBar();
        //饼图
        //DrawPie();
        //曲线图
        //DrawLine();
    }
    private void DrawBar()
    ...{
        DrawGrap1.Type = AnalyticsType.Bar;
        DrawGrap1.Title = "用户访问柱状图";
        DrawGrap1.XAxisTitle = "月份";
        DrawGrap1.YAxisTitle = "用户访问数量";
        Random rand = new Random();
        for (int i = 0; i < 6; i++)
        ...{
            ZedGraph.PointPairList ppl = new ZedGraph.PointPairList();
            for (int j = 0; j < 3; j++)
            ...{
                double x = rand.Next(10);
                double y = rand.NextDouble() * 1000;
                ppl.Add(x, y);
            }
            DrawGrap1.DataSource.Add(ppl);
        }
    }

    private void DrawPie()
    ...{
        DrawGrap1.Type = AnalyticsType.Pie;
        DrawGrap1.Title = "用户访问饼图";
        Random rand = new Random();
        for (int i = 0; i < 3; i++)
        ...{
            DrawGrap1.ScaleData.Add((i + 2) * rand.Next(100));
            DrawGrap1.NameList.Add(i.ToString());
        }
    }

    private void DrawLine()
    ...{
        DrawGrap1.Type = AnalyticsType.Line;
        DrawGrap1.Title = "用户访问曲线图";
        DrawGrap1.XAxisTitle = "月份";
        DrawGrap1.YAxisTitle = "用户访问数量";
        Random rand = new Random();
        for (int i = 0; i < 3; i++)
        ...{
            ZedGraph.PointPairList ppl = new ZedGraph.PointPairList();

            for (double x = 0; x < 5; x += 1.0)
            ...{
                double y = rand.NextDouble() * 1000;
                ppl.Add(x, y);
            }
            DrawGrap1.DataSource.Add(ppl);
            DrawGrap1.NameList.Add(i.ToString());
        }
    }
}

d>  生成的柱状图如下：

 e>  生成的曲线图如下：

 f>  生成的饼图如下：

5、补充说明

a>  成功部署该项目需要在虚拟网站建临时文件夹(ZedGraphImages)，便于存放生成的临时文件。

b> 据说该控件支持3D图效果，具体我没测试。希望有兴趣的同学可以测试。

     (这些图一般的项目应用就足够了。)