转自原文 zedgraph绘图(修改)
首先先下载 zedgraph.dll和zedgraph.web.DLL两个文件
添加项目并引用
首先添加一个用户控件 WebUserDrawGrap.ascx
html页面:
1
2
3
|
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserDrawGrap.ascx.cs" Inherits="CraigBlog.Net.zedGraph.WebUserDrawGrap" %> <%@ Register TagPrefix="zgw" Namespace="ZedGraph.Web" Assembly="ZedGraph.Web" %> < ZGW:ZEDGRAPHWEB id="zedGraphControl" runat="server" width="600" Height="375" RenderMode="ImageTag"/> |
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
代码 using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Drawing; using ZedGraph; using ZedGraph.Web; using System.Collections.Generic; namespace CraigBlog.Net.zedGraph { /// <summary> /// 显示统计图形类型 /// </summary> public enum AnalyticsType { Line, //折线图 Bar, //柱状图 Pie //饼图 }; public partial class WebUserDrawGrap : System.Web.UI.UserControl { private List<Color> defaultColors = new List<Color>();/// 默认颜色种类 private int Count;/// 统计的个数 public string Title;/// 统计图的名称 public string XAxisTitle;///横轴的名称(饼图不需要) public string YAxisTitle;/// 纵轴的名称(饼图不需要) public AnalyticsType Type;/// 显示的曲线类型:Line,Bar,Pie public List<PointPairList> DataSource = new List<PointPairList>();/// 折线图和柱状图的数据源 public List<double> ScaleData = new List<double>();/// 饼图的数据源 public List<Color> Colors = new List<Color>();/// 各段数据的颜色 public List<string> NameList = new List<string>();/// 各段数据的名称 public List<string> LabelList = new List<string>(); /// 用于柱状图,每个圆柱体表示的含义 public List<double> ValueDouble = new List<double>();//用于定义柱形表示的值 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()); } } } protected void Page_Load(object sender, EventArgs e) { zedGraphControl.RenderGraph += new ZedGraph.Web.ZedGraphWebControlEventHandler(zedGraphControl_RenderGraph); } /**/ /// <summary> /// 画图 /// </summary> /// <param name="webObject"></param> /// <param name="g"></param> /// <param name="pane"></param> private void zedGraphControl_RenderGraph(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; 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); System.IO.MemoryStream st = new System.IO.MemoryStream(); myPane.GetImage().Save(st, System.Drawing.Imaging.ImageFormat.Jpeg);//得到图片流 此处是得到该图片的图片流-可以将该流扩展到excel表格中(注意:需在项目目录中新建一个存放图片的文件夹ZedGraphImages) } #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); } CreateBarLabels(graphPane, "f0", ValueDouble); graphPane.XAxis.Scale.TextLabels = NameList.ToArray(); graphPane.XAxis.Type = AxisType.Text; graphPane.YAxis.Scale.MajorStep = 20; graphPane.YAxis.MinorGrid.IsVisible = true; graphPane.YAxis.MinorGrid.DashOff = 0; graphPane.YAxis.Title.FontSpec.Angle = 90; graphPane.YAxis.Title.FontSpec.FontColor = defaultColors[0]; } /// <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]); } CreateBarLabels(graphPane, "f0", ValueDouble); graphPane.XAxis.MajorTic.IsBetweenLabels = true; string[] labels = NameList.ToArray(); graphPane.XAxis.Scale.TextLabels = labels;//x轴的显示的文本集合 graphPane.XAxis.Type = AxisType.Text; graphPane.XAxis.MajorGrid.IsVisible = false;//x轴栅格线是否可见 graphPane.XAxis.MajorGrid.DashOff = 0;//栅格线的效果,同下 graphPane.YAxis.Scale.BaseTic = 0;//刻度的初始开始值 graphPane.YAxis.Scale.MajorStep = 20;//设置刻度的步进值 graphPane.YAxis.MajorGrid.IsVisible = true; //栅格线是否可见 graphPane.YAxis.MajorGrid.DashOff = 0;//设置的栅格线的效果。0表示为实线 graphPane.YAxis.MajorGrid.PenWidth = 1;//设置栅格线的线条的宽度 graphPane.YAxis.Title.FontSpec.Angle = 90;//设置标题的显示,顺时针旋转90度 graphPane.Fill = new Fill(Color.White, Color.FromArgb(50, Color.Beige), 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.YAxis.IsVisible = false; graphPane.XAxis.IsVisible = false; graphPane.Chart.Fill.Type = FillType.None; graphPane.Legend.Position = LegendPos.Float; graphPane.Legend.Location = new Location(0.95f, 0.15f, CoordType.PaneFraction, AlignH.Right, AlignV.Top); graphPane.Legend.FontSpec.Size = 16f; graphPane.Legend.IsHStack = false; for (int i = 0; i < Count; i++) { PieItem pieitme = graphPane.AddPieSlice(ScaleData[i], Colors[i], Color.Wheat, 45f, 0, NameList[i] + ScaleData[i]); pieitme.LabelType = PieLabelType.Percent;//设置显示的类型、Percent(百分比) } } /// <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); } /// <summary> /// 为柱状图添加标签 /// </summary> /// <param name="graphPane"></param> /// <param name="valueFormat"></param> /// <param name="valueDouble"></param> private void CreateBarLabels(GraphPane graphPane, string valueFormat, List<double> valueDouble) { for (int j = 0; j < valueDouble.Count; j++) { PointPair pt = new PointPair(j + 1, valueDouble[j]); TextObj text = new TextObj(pt.Y.ToString(valueFormat), pt.X, pt.Y>(double)10?pt.Y-10:pt.Y, CoordType.AxisXYScale, AlignH.Left, AlignV.Center); text.ZOrder = ZOrder.A_InFront; text.FontSpec.Border.IsVisible = false; text.FontSpec.Fill.IsVisible = false; text.FontSpec.Angle = 1; //数值字体倾斜度 text.FontSpec.Size = 16; text.FontSpec.FontColor = Color.Black; text.FontSpec.IsBold = true; text.Location.CoordinateFrame = CoordType.AxisXY2Scale; text.Location.AlignH = AlignH.Center; text.Location.AlignV = AlignV.Center; graphPane.GraphObjList.Add(text); } } #endregion } }
--然后新建一个aspx页面:ZDrawGrap.aspx
将用户控件拖到页面
ZDrawGrap.aspx .cs程序如下:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
代码 using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Collections.Generic; using System.Drawing; using ZedGraph; namespace CraigBlog.Net.zedGraph { public partial class ZDrawGrap : System.Web.UI.Page { Dictionary<string, int> dic = new Dictionary<string, int>(); //创建数据源 protected void Page_Load(object sender, EventArgs e) { dic.Add("类别一", 20); dic.Add("类别二", 10); dic.Add("类别三", 25); dic.Add("类别四", 6); dic.Add("类别五", 13); dic.Add("类别六", 95); //柱状图 DrawBar(DrawGrap1); //饼图 DrawPie(DrawGrap2); //曲线图 DrawLine(DrawGrap3); } private void DrawBar(WebUserDrawGrap DrawGrap1) { string Ytitle = "用户访问量"; DrawGrap1.Type = AnalyticsType.Bar; DrawGrap1.Title = "用户访问柱状图"; DrawGrap1.XAxisTitle = "类别"; DrawGrap1.YAxisTitle = Ytitle; // DrawGrap1.YAxisTitle = "用 户 访 问 数 量";//设置标题呈现的样式 char[] ArrayChar = Ytitle.ToCharArray(); DrawGrap1.YAxisTitle = ForeachChar(ArrayChar); ZedGraph.PointPairList list = new ZedGraph.PointPairList(); for (int i = 0; i < dic.Count; i++) { KeyValuePair<string, int> keyPair = dic.ElementAt(i); list.Add((double)i, (double)keyPair.Value);//绘制柱形 DrawGrap1.NameList.Add(ForeachChar(keyPair.Key.ToCharArray())); DrawGrap1.ValueDouble.Add((double)keyPair.Value); } DrawGrap1.LabelList.Add("Color Items"); DrawGrap1.DataSource.Add(list); } private string ForeachChar(char[] array) { string temp = string.Empty; foreach (char item in array) { temp += item.ToString() +" "; } return temp; } private void DrawPie(WebUserDrawGrap DrawGrap1) { DrawGrap1.Type = AnalyticsType.Pie; DrawGrap1.Title = "用户访问饼图"; for (int i = 0; i < dic.Count; i++) { KeyValuePair<string, int> keyPair = dic.ElementAt(i); DrawGrap1.ScaleData.Add((double)keyPair.Value); DrawGrap1.NameList.Add(keyPair.Key); } } private void DrawLine(WebUserDrawGrap DrawGrap1) { DrawGrap1.Type = AnalyticsType.Line; DrawGrap1.Title = "用户访问曲线图"; DrawGrap1.XAxisTitle = "类别"; DrawGrap1.YAxisTitle = "用 户 访 问 数 量"; //y轴标题竖着排 ZedGraph.PointPairList list = new ZedGraph.PointPairList(); for (int i = 0; i < dic.Count; i++) { KeyValuePair<string, int> keyPair = dic.ElementAt(i); list.Add(new PointPair((double)i,(double)keyPair.Value)); DrawGrap1.ValueDouble.Add((double)keyPair.Value); DrawGrap1.NameList.Add(keyPair.Key); } DrawGrap1.LabelList.Add("Color Items"); DrawGrap1.DataSource.Add(list); } } }