zedgraph繪圖(修改)

轉自原文 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"/>

代碼

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

    }
}

View Code

--而後新建一個aspx頁面：ZDrawGrap.aspx

將用戶控件拖到頁面

ZDrawGrap.aspx .cs程序以下:

 

代碼

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 = "用\n戶\n訪\n問\n數\n量";//設置標題呈現的樣式
            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() +"\n"; 
            }
            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 = "用\n戶\n訪\n問\n數\n量"; //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);
            
        }
    }
}

View Code