.net学习总结（8）使用ZedGraph画图，不使用临时文件

 刚接触到ZedGraph，到网上搜素到的方法基本上都是使用临时文件来存储图片，然后再显示，但是临时图片太多的话会占用大量的空间。很不划算。最后看到有人说把RenderMode="RawImage"就可以了 ，但是会出现乱码。如何解决呢？下面是我的方法。

新建一个目录，命名为bin，把文件ZedGraph.Web.dll，ZedGraph.dll拷到bin目录下面。

建立文件tuppian.aspx。其内容为：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tuppian.aspx.cs" Inherits="tuppian" %>

<%@ Register assembly="ZedGraph.Web" namespace="ZedGraph.Web" tagprefix="cc1" %>

<%--

特别注意了：本页面不要有HTML代码，和asp.net代码。不然会出现乱码,RenderMode="RawImage"一定要设置RawImage，不然会报错。

--%>

<cc1:ZedGraphWeb ID="ZedGraphWeb1" runat="server" RenderMode="RawImage">

cc1:ZedGraphWeb>

tuppian.aspx.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. using System.Drawing;
12. using ZedGraph;
13. using ZedGraph.Web;
15. public partial class tuppian : System.Web.UI.Page
16. {
17.     DarwGrapClass dg = new DarwGrapClass();
18.     protected void Page_Load(object sender, EventArgs e)
19.     {
20.     }
21.     protected override void OnInit(EventArgs e)
22.     {
23.         InitializeComponent();
24.         base.OnInit(e);
25.     }
27.     private void InitializeComponent()
28.     {
29.         string id = Request.QueryString["id"];
30.         switch (id)
31.         {
32.             case "1":
33.                 DrawLine();
34.                 break;
35.             case "2":
36.                 DrawPie();
37.                 break;
38.             default:
39.                 DrawBar();
40.                 break;
41.         }
42.     }
44.     private void DrawBar()
45.     {
46.         dg.Type = AnalyticsType.Bar;
47.         dg.Title = "用户访问柱状图";
48.         dg.XAxisTitle = "月份";
49.         dg.YAxisTitle = "用户访问数量";
50.         Random rand = new Random();
51.         string[] aa = { "企业1", "企业2", "企业3" };
52.         for (int i = 0; i < 2; i++)
53.         {
54.             ZedGraph.PointPairList ppl = new ZedGraph.PointPairList();
55.             for (int j = 0; j < 12; j++)
56.             {
57.                 double x = rand.Next(10);
58.                 double y = rand.NextDouble() * 100;
59.                 ppl.Add(x, y);
60.                 //dg.NameList.Add((j + 1).ToString() + "月");
61.                 //ppl.Add(j+1,j+1);以此递增
62.                 //dg.NameList.Add("第" + j.ToString() + "月份");
63.             }
64.             dg.DataSource.Add(ppl);
65.             dg.LabelList.Add("企业" + i.ToString());
66.             //dg.NameList.Add((i + 1).ToString() + "月");
67.         }
68.         for (int k = 0; k < 12; k++)
69.         {
70.             dg.NameList.Add((k + 1).ToString() + "月");
71.         }
72.         dg.y_step = 5;
73.         dg.DarwGrap(ZedGraphWeb1);
74.     }
76.     private void DrawPie()
77.     {
78.         dg.Type = AnalyticsType.Pie;
79.         dg.Title = "用户访问饼图";
80.         Random rand = new Random();
81.         for (int i = 0; i < 3; i++)
82.         {
83.             dg.ScaleData.Add((i + 2) * rand.Next(100));
84.             dg.NameList.Add("企业：" + i.ToString());//各个部分所代表的含义
85.         }
86.         dg.DarwGrap(ZedGraphWeb1);
87.     }
88.     private void DrawLine()
89.     {
90.         dg.Type = AnalyticsType.Line;
91.         dg.Title = "用户访问曲线图";
92.         dg.XAxisTitle = "月份";
93.         dg.YAxisTitle = "用户访问数量";
94.         Random rand = new Random();
95.         for (int i = 0; i < 2; i++)
96.         {
97.             ZedGraph.PointPairList ppl = new ZedGraph.PointPairList();
98.             //数据源添加
99.             for (double x = 0; x < 12; x += 1.0)
100.             {
101.                 double y = rand.NextDouble() * 100;
102.                 ppl.Add(x, y);
103.             }
104.             //从数据库中取得
105.             //for (int i = 0; i < this.dt.Rows.Count; i++)  //这个循环主要是取到里面的说明文字，用了一个数组的方法
106.             //{
107.             //    ppl.Add(i,this.dt.Rows[i].Cells[1].Text.Trim());
108.             //}
109.             //dg.NameList.Add("第" + i.ToString() + "月份");
110.             dg.DataSource.Add(ppl);
111.             dg.NameList.Add("企业：" + i.ToString());
112.         }
113.         //改变x组的显示字符，当然也可以绑定数据库，从数据库中取得。
114.         for (int k = 0; k < 12; k++)
115.         {
116.             dg.LabelList.Add((k + 1).ToString() + "月");
117.         }
118.         //for (int i = 0; i < this.dt.Rows.Count; i++)  //这个循环主要是取到里面的说明文字，用了一个数组的方法
119.         //{
120.         //    dg.LabelList.Add(this.dt.Rows[i].Cells[0].Text.Trim());
121.         //}
122.         dg.DarwGrap(ZedGraphWeb1);
123. }
124. }

新建一个类DarwGrapClass.cs，放在App_Code目录下面。其内容为：

1. using System;
2. using System.Data;
3. using System.Configuration;
4. using System.Web;
5. using System.Web.Security;
6. using System.Web.UI;
7. using System.Web.UI.HtmlControls;
8. using System.Web.UI.WebControls;
9. using System.Web.UI.WebControls.WebParts;
10. using System.Drawing;
11. using ZedGraph;
12. using ZedGraph.Web;
13. using System.Collections.Generic;
15. public enum AnalyticsType
16. {
17.     Line, //折线图
18.     Line2,//带阴影区域的折线图
19.     Curve,//带星的折线图
20.     Curve2,//带阴影区域的星行折线图
21.     Bar, //柱状图
22.     Graph,
23.     Pie //饼图
24. };
25. public class DarwGrapClass
26. {
27.     public DarwGrapClass()
28.     {
29.         //
30.         //TODO: 在此处添加构造函数逻辑
31.         //
32.     }
33.     #region Private Attribute
34.     /**/
35.     /// 
36.     /// 默认颜色种类
37.     /// 
38.     private List defaultColors = new List();
39.     /**/
40.     /// 
41.     /// 统计的个数
42.     /// 
43.     private int Count;
44.     #endregion
46.     //Public Property;
47.     #region Public Property
48.     /**/
49.     /// 
50.     /// 统计图的名称
51.     /// 
52.     public string Title;
53.     /**/
54.     /// 
55.     /// 横轴的名称（饼图不需要）
56.     /// 
57.     public string XAxisTitle;
58.     /**/
59.     /// 
60.     /// 纵轴的名称（饼图不需要）
61.     /// 
62.     public string YAxisTitle;
63.     /**/
64.     /// 
65.     /// 显示的曲线类型：Line,Bar,Pie
66.     /// 
67.     public AnalyticsType Type;
68.     /**/
69.     /// 
70.     /// 折线图和柱状图的数据源
71.     /// 
72.     public List DataSource = new List();
73.     /**/
74.     /// 
75.     /// 饼图的数据源
76.     /// 
77.     public List<double> ScaleData = new List<double>();
78.     /**/
79.     /// 
80.     /// 各段数据的颜色
81.     /// 
82.     public List Colors = new List();
83.     /**/
84.     /// 
85.     /// 各段数据的名称
86.     /// 
87.     public List<string> NameList = new List<string>();
88.     /**/
89.     /// 
90.     /// 用于柱状图，每个圆柱体表示的含义
91.     /// 
92.     public List<string> LabelList = new List<string>();
93.     public double y_step;
94.     public double x_step;
95.     #endregion
96.     public void DarwGrap(ZedGraphWeb ZedGraph)
97.     {
98.         ZedGraph.RenderGraph += new ZedGraph.Web.ZedGraphWebControlEventHandler(zedGraphControl_RenderGraph);
100.     }
102.     private void InitDefaultColors()
103.     {
104.         defaultColors.Add(Color.Red);
105.         defaultColors.Add(Color.Green);
106.         defaultColors.Add(Color.Blue);
107.         defaultColors.Add(Color.Yellow);
108.         defaultColors.Add(Color.YellowGreen);
109.         defaultColors.Add(Color.Brown);
110.         defaultColors.Add(Color.Aqua);
111.         defaultColors.Add(Color.Cyan);
112.         defaultColors.Add(Color.DarkSeaGreen);
113.         defaultColors.Add(Color.Indigo);
114.     }
115.     /**/
116.     /// 
117.     /// 如果属性为空则初始化属性数据
118.     /// 
119.     private void InitProperty()
120.     {
121.         InitDefaultColors();
122.         if (string.IsNullOrEmpty(Title))
123.         {
124.             Title = "未命名统计图";
125.         }
126.         if (string.IsNullOrEmpty(XAxisTitle))
127.         {
128.             XAxisTitle = "横轴";
129.         }
130.         if (string.IsNullOrEmpty(YAxisTitle))
131.         {
132.             YAxisTitle = "纵轴";
133.         }
134.         if (Type == AnalyticsType.Pie)
135.         {
136.             Count = ScaleData.Count;
137.         }
138.         else
139.         {
140.             Count = DataSource.Count;
141.         }
142.         if (Colors.Count == 0 || Colors.Count != Count)
143.         {
144.             Random r = new Random();
145.             int tempIndex = 0;
146.             List<int> tempIndexList = new List<int>();
147.             for (int i = 0; i < Count; i++)
148.             {
149.                 tempIndex = r.Next(defaultColors.Count);
150.                 if (tempIndexList.Contains(tempIndex))
151.                 {
152.                     i--;
153.                 }
154.                 else
155.                 {
156.                     tempIndexList.Add(tempIndex);
157.                     Colors.Add(defaultColors[tempIndex]);
158.                 }
159.             }
160.         }
161.         if (NameList.Count == 0)
162.         {
163.             if (Type == AnalyticsType.Bar)
164.             {
165.                 for (int i = 1; i < DataSource[0].Count + 1; i++)
166.                 {
167.                     NameList.Add("第" + i.ToString() + "组");
168.                 }
169.             }
170.             else
171.             {
172.                 for (int i = 1; i < Count + 1; i++)
173.                 {
174.                     NameList.Add("第" + i.ToString() + "组");
175.                 }
176.             }
177.         }
178.         if (LabelList.Count == 0)
179.         {
180.             for (int i = 0; i < Count; i++)
181.             {
182.                 LabelList.Add("含义" + i.ToString());
183.             }
184.         }
185.         if (x_step == 0.0)
186.             x_step = 5;
187.         if (y_step == 0.0)
188.             y_step = 5;
190.     }
191.     /**/
192.     /// 
193.     /// 画图
194.     /// 
195.     /// 
196.     /// 
197.     /// 
198.     private void zedGraphControl_RenderGraph(ZedGraphWeb zgw, System.Drawing.Graphics g, ZedGraph.MasterPane masterPane)
199.     {
200.         InitProperty();
202.         GraphPane myPane = masterPane[0];
204.         myPane.Title.Text = Title;
205.         myPane.XAxis.Title.Text = XAxisTitle;
206.         myPane.YAxis.Title.Text = YAxisTitle;
208.         //if (true)
209.         //{
210.         // DrawMessage(myPane, "yiafdhaskjhfasfksahfasdlhfaslf lasgfasglgsadi");
211.         // pane.AxisChange(g);
212.         // return;
213.         //}
215.         switch (Type)
216.         {
217.             case AnalyticsType.Line:
218.                 DrawLine(myPane);
219.                 break;
220.             case AnalyticsType.Bar:
221.                 DrawBar(myPane);
222.                 break;
223.             case AnalyticsType.Pie:
224.                 DrawPie(myPane);
225.                 break;
226.             case AnalyticsType.Line2:
227.                 DrawLine2(myPane);
228.                 break;
229.             case AnalyticsType.Curve:
230.                 DrawCurve(myPane);
231.                 break;
232.             case AnalyticsType.Curve2:
233.                 DrawCurve2(myPane);
234.                 break;
235.             default:
236.                 break;
237.         }
238.         masterPane.AxisChange(g);
239.     }
241.     #region Draw
242.     /**/
243.     /// 
244.     /// 画折线图
245.     /// 
246.     /// 
247.     private void DrawLine(GraphPane graphPane)
248.     {
249.         for (int i = 0; i < Count; i++)
250.         {
251.             graphPane.AddCurve(NameList[i], DataSource[i], Colors[i], SymbolType.None);
252.             string[] labels = LabelList.ToArray();
253.             graphPane.XAxis.Scale.TextLabels = labels;
254.             graphPane.XAxis.Type = AxisType.Text;
255.             graphPane.Chart.Fill = new Fill(Color.White, Color.FromArgb(255, 255, 166), 90F);
256.             graphPane.Fill = new Fill(Color.FromArgb(250, 250, 255));
257.             graphPane.YAxis.Scale.MajorStep = y_step;
258.         }
259.     }
260.     /**/
261.     /// 
262.     /// 画折线图,带阴影区域
263.     /// 
264.     /// 
265.     private void DrawLine2(GraphPane graphPane)
266.     {
267.         for (int i = 0; i < Count; i++)
268.         {
269.             graphPane.AddCurve(NameList[i], DataSource[i], Colors[i], SymbolType.None).Line.Fill = new Fill(Color.White, Colors[i], 90F);
270.             string[] labels = LabelList.ToArray();
271.             graphPane.XAxis.Scale.TextLabels = labels;
272.             graphPane.XAxis.Type = AxisType.Text;
273.             graphPane.Chart.Fill = new Fill(Color.White, Color.FromArgb(255, 255, 166), 90F);
274.             graphPane.Fill = new Fill(Color.FromArgb(250, 250, 255));
275.             graphPane.YAxis.Scale.MajorStep = y_step;
276.         }
277.     }
278.     /**/
279.     /// 
280.     /// 画星行折线图
281.     /// 
282.     /// 
283.     private void DrawCurve(GraphPane graphPane)
284.     {
285.         for (int i = 0; i < Count; i++)
286.         {
287.             graphPane.AddCurve(NameList[i], DataSource[i], Colors[i], SymbolType.Star);
288.             string[] labels = LabelList.ToArray();
289.             graphPane.XAxis.Scale.TextLabels = labels;
290.             graphPane.XAxis.Type = AxisType.Text;
291.             graphPane.Chart.Fill = new Fill(Color.White, Color.FromArgb(255, 255, 166), 90F);
292.             graphPane.Fill = new Fill(Color.FromArgb(250, 250, 255));
293.             graphPane.YAxis.Scale.MajorStep = y_step;
294.         }
295.     }
296.     /**/
297.     /// 
298.     /// 画星行折线图,带阴影区域
299.     /// 
300.     /// 
301.     private void DrawCurve2(GraphPane graphPane)
302.     {
303.         for (int i = 0; i < Count; i++)
304.         {
305.             graphPane.AddCurve(NameList[i], DataSource[i], Colors[i], SymbolType.Star).Line.Fill = new Fill(Color.White, Colors[i],90F);
306.             string[] labels = LabelList.ToArray();
307.             graphPane.XAxis.Scale.TextLabels = labels;
308.             graphPane.XAxis.Type = AxisType.Text;
309.             graphPane.Chart.Fill = new Fill(Color.White, Color.FromArgb(255, 255, 166), 90F);
310.             graphPane.Fill = new Fill(Color.FromArgb(250, 250, 255));
311.             graphPane.YAxis.Scale.MajorStep = y_step;
312.         }
313.     }
315.     /**/
316.     /// 
317.     /// 画柱状图
318.     /// 
319.     /// 
320.     private void DrawBar(GraphPane graphPane)
321.     {
322.         for (int i = 0; i < Count; i++)
323.         {
324.             graphPane.AddBar(LabelList[i], DataSource[i], Colors[i]).Bar.Fill = new Fill(Colors[i], Color.White, Colors[i]);
325.             //.Line.Fill = new Fill(Color.White, Color.Red, 45F);
326.             //.Line.Fill = new Fill(Color.White, Color.Blue, 45F);
327.         }
328.         graphPane.XAxis.MajorTic.IsBetweenLabels = true;
329.         string[] labels = NameList.ToArray();
330.         graphPane.XAxis.Scale.TextLabels = labels;
331.         graphPane.XAxis.Type = AxisType.Text;
332.         graphPane.Chart.Fill = new Fill(Color.White, Color.FromArgb(255, 255, 166), 90F);
333.         //graphPane.Fill = new Fill(Color.FromArgb(250, 250, 255));
334.         graphPane.Fill = new Fill(Color.White, Color.FromArgb(200, 200, 255), 45.0f);
335.         //graphPane.Chart.Fill = new Fill(Color.White, Color.LightGoldenrodYellow, 45.0f);
336.         graphPane.YAxis.Scale.MajorStep = y_step;
337.         //graphPane.BaseDimension =8;
340.     }
341.     /**/
342.     /// 
343.     /// 画饼图
344.     /// 
345.     /// 
346.     private void DrawPie(GraphPane graphPane)
347.     {
348.         graphPane.Fill = new Fill(Color.White, Color.Silver, 45.0f);
350.         graphPane.Legend.Position = LegendPos.Float;
351.         graphPane.Legend.Location = new Location(0.95f, 0.15f, CoordType.PaneFraction, AlignH.Right, AlignV.Top);
352.         graphPane.Legend.FontSpec.Size = 20f;
353.         graphPane.Legend.IsHStack = false;
354.         for (int i = 0; i < Count; i++)
355.         {
356.             graphPane.AddPieSlice(ScaleData[i], Colors[i], Color.White, 45f, 0, NameList[i]);
357.         }
358.     }
359.     /**/
360.     /// 
361.     /// 如果系统出错，显示错误信息
362.     /// 
363.     /// 
364.     /// 
365.     private void DrawMessage(GraphPane graphPane, string message)
366.     {
367.         TextObj text = new TextObj(message, 200, 200);
368.         text.Text = message;
369.         graphPane.GraphObjList.Add(text);
371.     }
372.     #endregion
373. }

 

最后，注意当画饼图时，有时注释会把图片遮住，这时只要设置图片长和高的比例就可以了。曲线图和直方图的x組的说明文字如果太多的话，就会屏蔽掉一些，这是也只要设置长和高的比例就可以解决问题了。