asp.net 简单数据的直方图 饼图绘制参考

using System;
using System.IO;//用于文件存取
using System.Data;//用于数据访问
using System.Drawing;//提供画GDI+图形的基本功能
using System.Drawing.Text;//提供画GDI+图形的高级功能
using System.Drawing.Drawing2D;//提供画高级二维,矢量图形功能
using System.Drawing.Imaging;//提供画GDI+图形的高级功能

    public abstract class Chart
    {
        //Render是图形大标题,图开小标题,图形宽度,图形长度,饼图的数据集和饼图的数据集要表示出来的数据
        public static Image PieChart(string title, string subTitle, int width, int height, DataSet chartData, int DataLine)
        {
            const int SIDE_LENGTH = 400;
            const int PIE_DIAMETER = 200;
            DataTable dt = chartData.Tables[0];



            //通过输入参数,取得饼图中的总基数
            float sumData = 0;
            foreach (DataRow dr in dt.Rows)
            {
                sumData += Convert.ToSingle(dr[DataLine]);
            }
            //产生一个image对象,并由此产生一个Graphics对象
            Bitmap bm = new Bitmap(width, height);
            Graphics g = Graphics.FromImage(bm);
            //设置对象g的属性
            g.ScaleTransform((Convert.ToSingle(width)) / SIDE_LENGTH, (Convert.ToSingle(height)) / SIDE_LENGTH);
            g.SmoothingMode = SmoothingMode.Default;
            g.TextRenderingHint = TextRenderingHint.AntiAlias;

            //画布和边的设定
            g.Clear(Color.White);
            g.DrawRectangle(Pens.Black, 0, 0, SIDE_LENGTH - 1, SIDE_LENGTH - 1);
            //画饼图标题
            g.DrawString(title, new Font("Tahoma", 14), Brushes.Black, new PointF(5, 5));
            //画饼图的图例
            g.DrawString(subTitle, new Font("Tahoma", 12), Brushes.Black, new PointF(7, 35));
            //画饼图
            float curAngle = 0;
            float totalAngle = 0;
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                curAngle = Convert.ToSingle(dt.Rows[i][DataLine]) / sumData * 360;




                g.FillPie(new SolidBrush(ChartUtil.GetChartItemColor(i)), 100, 65, PIE_DIAMETER, PIE_DIAMETER, totalAngle, curAngle);
                g.DrawPie(Pens.Black, 100, 65, PIE_DIAMETER, PIE_DIAMETER, totalAngle, curAngle);
                totalAngle += curAngle;
            }
            //画图例框及其文字
            g.DrawRectangle(Pens.Black, 200, 300, 199, 99);
            g.DrawString("图表说明", new Font("Tahoma", 12, FontStyle.Bold), Brushes.Black, new PointF(200, 300));




            //画图例各项
            PointF boxOrigin = new PointF(210, 330);
            PointF textOrigin = new PointF(235, 326);
            float percent = 0;
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                g.FillRectangle(new SolidBrush(ChartUtil.GetChartItemColor(i)), boxOrigin.X, boxOrigin.Y, 20, 10);
                g.DrawRectangle(Pens.Black, boxOrigin.X, boxOrigin.Y, 20, 10);
                percent = Convert.ToSingle(dt.Rows[i][DataLine]) / sumData * 100;
                g.DrawString(dt.Rows[i][1].ToString() + " - " + dt.Rows[i][0].ToString() + " (" + percent.ToString("0") + "%)", new Font("Tahoma", 10), Brushes.Black, textOrigin);
                boxOrigin.Y += 15;
                textOrigin.Y += 15;
            }
            //回收资源
            g.Dispose();
            return (Image)bm;


        }


        //画条形图
        public static Image BarChart(string title, int width, int height, DataTable dt)
        {
            const int Title_LEFTTOP = 5;
            const int TitleFontSize = 14;
            const int ChartFontSize = 10;
            const int CHART_LEFT = 10;
            //计算最高的点
            float highPoint = 0;
            foreach (DataRow dr in dt.Rows)
            {
                if (highPoint < Convert.ToSingle(dr["yName"]))
                {
                    highPoint = Convert.ToSingle(dr["yName"]);
                }
            }
            int CHART_TOP = Title_LEFTTOP + TitleFontSize + 5 + ChartFontSize + 5 + ChartFontSize * highPoint.ToString().Length;
            int CHART_HEIGHT = height - CHART_TOP - (ChartFontSize + 5) * 2 - CHART_LEFT;
            int CHART_WIDTH = width - CHART_LEFT - 10;

            //建立一个Graphics对象实例
            Bitmap bm = new Bitmap(width, height);
            try
            {
                Graphics g = Graphics.FromImage(bm);
                //设置条图图形和文字属性
                //g.ScaleTransform((Convert.ToSingle(width)) / SIDE_LENGTH, (Convert.ToSingle(height)) / SIDE_LENGTH);
                //g.SmoothingMode = SmoothingMode.Default;
                g.TextRenderingHint = TextRenderingHint.AntiAlias;

                //设定画布和边
                g.Clear(Color.White);
                //g.DrawRectangle(Pens.Black, 0, 0, width - 1, height - 1);
                //画大标题
                g.DrawString(title, new Font("黑体", TitleFontSize), Brushes.Black, new PointF(Title_LEFTTOP, Title_LEFTTOP));
                //画条形图
                float barWidth = CHART_WIDTH / (dt.Rows.Count * 2), barHeight;
                PointF barOrigin = new PointF(CHART_LEFT + barWidth, 0);
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    barHeight = Convert.ToSingle(dt.Rows[i]["yName"]) * CHART_HEIGHT / highPoint;
                    barOrigin.Y = CHART_TOP + CHART_HEIGHT - barHeight;
                    g.FillRectangle(new SolidBrush(ChartUtil.GetChartItemColor(i)), barOrigin.X, barOrigin.Y, barWidth, barHeight);

                    StringFormat SFormat = new StringFormat();
                    SFormat.FormatFlags = StringFormatFlags.DirectionVertical;

                    float TextWidth = ChartFontSize * dt.Rows[i]["xName"].ToString().Length;
                    g.DrawString(dt.Rows[i]["xName"].ToString(), new Font("Tahoma", ChartFontSize), Brushes.Black, new PointF(barOrigin.X - (TextWidth - barWidth) / 2, CHART_TOP + CHART_HEIGHT + 5));//每个条图x轴显示的

                    float TextHeight = ChartFontSize * dt.Rows[i]["yName"].ToString().Length;
                    g.DrawString(dt.Rows[i]["yName"].ToString(), new Font("Tahoma", ChartFontSize), Brushes.Black, new PointF(barOrigin.X - (ChartFontSize * 2 - barWidth) / 2, barOrigin.Y - TextHeight), SFormat);//每个条图上方显示的

                    barOrigin.X = barOrigin.X + (barWidth * 2);
                }
                //画坐标轴
                g.DrawLine(new Pen(Color.Black, 2), new Point(CHART_LEFT, CHART_TOP), new Point(CHART_LEFT, CHART_TOP + CHART_HEIGHT));
                g.DrawLine(new Pen(Color.Black, 2), new Point(CHART_LEFT, CHART_TOP + CHART_HEIGHT), new Point(CHART_LEFT + CHART_WIDTH, CHART_TOP + CHART_HEIGHT));

                //输出图形
                g.Dispose();
                return bm;
            }
            catch
            {
                return bm;
            }
        }
    }
    public class ChartUtil
    {
        public ChartUtil()
        {
        }
        public static Color GetChartItemColor(int itemIndex)
        {
            Color selectedColor;
            switch (itemIndex % 10)
            {
                case 1:
                    selectedColor = Color.Blue;
                    break;
                case 2:
                    selectedColor = Color.Red;
                    break;
                case 3:
                    selectedColor = Color.Yellow;
                    break;
                case 4:
                    selectedColor = Color.Purple;
                    break;
                case 5:
                    selectedColor = Color.Aqua;
                    break;
                case 6:
                    selectedColor = Color.Brown;
                    break;
                case 7:
                    selectedColor = Color.BurlyWood;
                    break;
                case 8:
                    selectedColor = Color.Cyan;
                    break;
                case 9:
                    selectedColor = Color.LightBlue;
                    break;
                default:
                    selectedColor = Color.Green;
                    break;
            }
            return selectedColor;


        }
    }



----------------------------------------------------------------------------------------------------------------
PNG

<%@ WebHandler Language="C#" Class="DisplayGenderPieChart" %>


using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System;
using System.Web;
using System.IO;
using System.Linq;


public class DisplayGenderPieChart : IHttpHandler 
{    
    // 此变量用来保存男女平均工资的总和。
    private long TotalSalary;
        
    public void ProcessRequest (HttpContext context) 
    {
        // 取得部门。              
        string strDepartment = context.Request.QueryString["department"];
        
        // 创建一个高度为 150 宽度为 600 的 Bitmap 与 Graphics 对象。
        const int PieHeight = 150;
        const int PIeWidth = 520;


        using (Bitmap objBitmap = new Bitmap(PIeWidth, PieHeight))
        {
            using (Graphics objGraphics = Graphics.FromImage(objBitmap))
            {
                // 指定使用平滑化处理(又称为反锯齿功能)。
                objGraphics.SmoothingMode = SmoothingMode.AntiAlias;


                // 创建一个白色的矩形。
                objGraphics.FillRectangle(new SolidBrush(Color.White), 0, 0, PIeWidth, PieHeight);


                int iLoop2;


                // 定义位置与椭圆的大小。
                int x = 20;
                int y = 20;
                int width = 200;
                int height = 100;
                Rectangle DepartmentLegend;
                int DepartmentLegend_Y = 40;


                // 初始化起点的角度与每块饼的扫过角度。
                int startAngle = 0;
                int sweepAngle = 45;


                // 使用复合模式控制 Alpha 混色。
                SolidBrush colorBrush = new SolidBrush(Color.Aqua);
                Random rand = new Random();




                // 以下这两条语句采用 LINQ 写法。


                // 创建一个 DataContext 对象。
                chtNorthwindDataContext db = new chtNorthwindDataContext();


                // 查询出特定部门的男性与女性的平均工资。
                var limingchstudio = from member in db.章立民研究室
                                     where member.部门 == strDepartment
                                     orderby member.性别
                                     group member by member.性别 into g
                                     select new
                                     {
                                         性别 = g.Key,
                                         平均工资 = g.Average(member => member.目前工资)
                                     };




                // 创建一个数据表。
                DataTable myTable = new DataTable();


                // 创建“部门”字段。
                myTable.Columns.Add("性别", typeof(string));
                myTable.Columns.Add("平均工资", typeof(decimal));




                // 将查询所得的数据写入数据表中。
                foreach (var result in limingchstudio)
                {
                    myTable.Rows.Add(new object[] { result.性别, result.平均工资 });
                }              
                
                
                // 将男女平均工资的总和赋给变量 TotalSalary。
                TotalSalary = Convert.ToInt32(myTable.Rows[0][1]) + Convert.ToInt32(myTable.Rows[1][1]);


                // 显示部门名称。
                objGraphics.DrawString("本次统计部门名称:" + strDepartment, new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(x + width + 18, DepartmentLegend_Y));


                DepartmentLegend_Y += 25;


                // 绘制部门名称下方的水平线。
                objGraphics.DrawLine(Pens.Black, x + width + 10, DepartmentLegend_Y, 600, DepartmentLegend_Y);


                DepartmentLegend_Y += 5;


                for (int i = 0; i < myTable.Rows.Count; i++)
                {
                    sweepAngle = Convert.ToInt32(360 * Convert.ToSingle(myTable.Rows[i]["平均工资"]) / Convert.ToSingle(TotalSalary));


                    // 自动指定饼的颜色。
                    colorBrush.Color = Color.FromArgb(rand.Next(255), rand.Next(255), rand.Next(255));


                    // 绘制立体深度,共绘制 10 次立体深度。
                    if (startAngle < 180)
                    {
                        for (iLoop2 = 0; iLoop2 < 10; iLoop2++)
                        {
                            objGraphics.FillPie(new HatchBrush(HatchStyle.Percent50, colorBrush.Color),
                                                x,
                                                (y + iLoop2),
                                                width,
                                                height,
                                                startAngle,
                                                sweepAngle);
                            iLoop2 += 1;
                        }
                    }


                    objGraphics.FillPie(colorBrush, x, y, width, height, startAngle, sweepAngle + 1);


                    startAngle += Convert.ToInt32(360 * Convert.ToSingle(myTable.Rows[i]["平均工资"]) / Convert.ToSingle(TotalSalary));


                    // 声明 Rectangle 结构变量,并指定 X 坐标参数、Y 坐标参数、宽度参数、高度参数,用来当作各部门的图例。
                    DepartmentLegend = new Rectangle(x + width + 10, DepartmentLegend_Y, 20, 20);


                    // 在画面上显示各部门的图例。
                    objGraphics.FillRectangle(colorBrush, DepartmentLegend);


                    // 在画面上显示各部门的平均工资,并指定显示内容参数、字型参数、笔刷参数、以及位置参数。
                    objGraphics.DrawString(myTable.Rows[i]["性别"].ToString() + "性的平均工资:" + String.Format("{0:c}", myTable.Rows[i]["平均工资"]), new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(x + width + 30, DepartmentLegend_Y));


                    DepartmentLegend_Y += 25;
                }


                // 绘制平均工资数据下方的水平线。
                objGraphics.DrawLine(Pens.Black, x + width + 10, DepartmentLegend_Y, 600, DepartmentLegend_Y);


                // 改变 HTTP 头的输出格式,以便让浏览器知道所输出的文件格式是 GIF 图片。
                //context.Response.ContentType = "Image/GIF";
                //context.Response.Clear();
                //context.Response.BufferOutput = true;
                //objBitmap.Save(context.Response.OutputStream, ImageFormat.Gif);


                // 改变 HTTP 头的输出格式,以便让浏览器知道所输出的文件格式是 PNG 图片。
                context.Response.ContentType = "Image/PNG";
                context.Response.Clear();
                context.Response.BufferOutput = true;


                using (MemoryStream ms = new MemoryStream())
                {
                    objBitmap.Save(ms, ImageFormat.Png);
                    ms.Flush();
                    context.Response.BinaryWrite(ms.GetBuffer());
                }
            }
        }        
    }
 
    public bool IsReusable 
    {
        get 
        {
            return false;
        }
    }
}



----------------------------------------
GIF
<%@ WebHandler Language="C#" Class="DisplayPieChart" %>


using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;
using System.Web.Configuration;
using System.IO;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
using System.Linq;


public class DisplayPieChart : IHttpHandler
{
    // 声明各个私有变量。


    // 此变量用来保存男女平均工资的总和。
    private long TotalSalary;
    // 此变量用来保存女性平均工资。
    private long FemaleSalary;
    // 此变量用来保存男性平均工资。
    private long MaleSalary;
    // 此变量用来保存女性空间的扇形区域的第二个边的角度。
    private float sweep;


    public void ProcessRequest(HttpContext context)
    {
        // 取得传递进来的部门。              
        string strDepartment = context.Request.QueryString["Department"];


        // 以下这两条语句采用 LINQ 写法。


        // 创建一个 DataContext 对象。
        chtNorthwindDataContext db = new chtNorthwindDataContext();


        // 查询出特定部门的男性与女性的平均工资。
        var limingchstudio = from member in db.章立民研究室
                             where member.部门 == strDepartment
                             orderby member.性别
                             group member by member.性别 into g
                             select new
                             {
                                 性别 = g.Key,
                                 平均工资 = g.Average(member => member.目前工资)
                             };




        // 创建一个数据表。
        DataTable myTable = new DataTable();


        // 创建“部门”字段。
        myTable.Columns.Add("性别", typeof(string));
        myTable.Columns.Add("平均工资", typeof(decimal));




        // 将查询所得的数据写入数据表中。
        foreach (var result in limingchstudio)
        {
            myTable.Rows.Add(new object[] { result.性别, result.平均工资 });
        }




        // 将男女平均工资的总和赋给变量 TotalSalary。
        TotalSalary = Convert.ToInt32(myTable.Rows[0][1]) + Convert.ToInt32(myTable.Rows[1][1]);


        // 将女性平均工资赋给变量 FemaleSalary。
        FemaleSalary = Convert.ToInt32(myTable.Rows[0][1]);


        // 将男性平均工资赋给变量 MaleSalary。
        MaleSalary = Convert.ToInt32(myTable.Rows[1][1]);


        // 计算女性空间的扇形区域的第二个边的角度。
        sweep = Convert.ToSingle(360.0F * (Convert.ToSingle(FemaleSalary) / Convert.ToSingle(TotalSalary)));


        using (Bitmap objBitmap = new Bitmap(300, 330))
        {
            using (Graphics objGraphics = Graphics.FromImage(objBitmap))
            {
                objGraphics.SmoothingMode = SmoothingMode.AntiAlias;


                objGraphics.Clear(Color.White);


                // 声明 Rectangle 结构变量,并指定 X 坐标参数、Y 坐标参数、宽度参数、高度参数,用来显示饼图的矩形大小。
                Rectangle rect = new Rectangle(40, 10, 200, 200);


                // 声明 Rectangle 结构变量,并指定 X 坐标参数、Y 坐标参数、宽度参数、高度参数,用来当作饼图边界的矩形大小。
                Rectangle rect2 = new Rectangle(0, 0, 290, 320);


                // 声明 Rectangle 结构变量,并指定 X 坐标参数、Y 坐标参数、宽度参数、高度参数,用来当作已使用空间的图例。
                Rectangle MaleLegend = new Rectangle(5, 265, 20, 20);


                // 声明 Rectangle 结构变量,并指定 X 坐标参数、Y 坐标参数、宽度参数、高度参数,用来当作未使用空间的图例。
                Rectangle FemaleLegend = new Rectangle(5, 290, 20, 20);


                // 在画面上显示出矩形,并指定颜色参数与要显示的 Rectangle 参数。
                objGraphics.DrawRectangle(Pens.Black, rect2);


                // 绘制 "男女平均工资的总和:" 下方的水平线。
                objGraphics.DrawLine(Pens.Black, 0, 250, 290, 250);


                // 在画面上显示饼图,并指定颜色参数、Rectangle 参数、饼图的起点参数、以及饼图要涵盖的范围参数。
                objGraphics.FillPie(Brushes.Magenta, rect, 0, sweep);
                objGraphics.FillPie(Brushes.Blue, rect, sweep, 360 - sweep);


                // 在画面上显示女性及男性图例。
                objGraphics.FillRectangle(Brushes.Magenta, FemaleLegend);
                objGraphics.FillRectangle(Brushes.Blue, MaleLegend);


                // 在画面上显示文字内容,并指定显示内容参数、字型参数、笔刷参数、以及位置参数。
                objGraphics.DrawString("男女平均工资的总和:", new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(0, 220));
                objGraphics.DrawString("男性平均工资:", new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(25, 265));
                objGraphics.DrawString("女性平均工资:", new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(25, 290));


                objGraphics.DrawString(TotalSalary.ToString("N") + " 元", new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(180, 220));
                objGraphics.DrawString(MaleSalary.ToString("N") + " 元", new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(180, 265));
                objGraphics.DrawString(FemaleSalary.ToString("N") + " 元", new Font("Tahoma", 10, FontStyle.Regular), Brushes.Black, new PointF(180, 290));


                // 改变 HTTP 头的输出格式,以便让浏览器知道所输出的文件格式是 GIF 图片。
                context.Response.ContentType = "Image/GIF";
                context.Response.Clear();
                context.Response.BufferOutput = true;
                objBitmap.Save(context.Response.OutputStream, ImageFormat.Gif);
            }
        }
    }


    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值