当前位置: 首页 > 编程笔记 >

asp.net中生成饼状与柱状图实例

郎鹤龄
2023-03-14
本文向大家介绍asp.net中生成饼状与柱状图实例,包括了asp.net中生成饼状与柱状图实例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了asp.net中生成饼状与柱状图的实现方法。分享给大家供大家参考。具体方法如下:

一、生成图形的公共方法:

using System;

using System.Collections.Generic;

using System.Text;

//

//using System.Data;

//using System.Web.UI.WebControls;

//

using System.Drawing;

using System.Drawing.Imaging;

 

namespace Tools

{

    public static class OWCImageHelp

    {

        /// <summary>

        /// 动态的生成柱状图和饼状图

        /// </summary>

        /// <param name="arrValueNames">行坐标要显示的字段</param>

        /// <param name="arrValues">纵坐标要显示的数字</param>

        /// <param name="title">标题</param>

        public static void GetZBImage(string[] arrValueNames, int[] arrValues, string title)

        {

            Bitmap objBitMap = new Bitmap(650, 300);

            Graphics objGraphics;

            objGraphics = Graphics.FromImage(objBitMap);

            objGraphics.Clear(Color.White);

            //int[] arrValues = { 40000, 32000, 24000, 30000, 36000, 28000 };

            //string[] arrValueNames = new string[] { "第一次", "第二次", "第三次", "第四次", "第五次", "第六次" };

            objGraphics.DrawString(title, new System.Drawing.Font("宋体", 16), Brushes.Blue, new PointF(5, 5));

            PointF symbolLeg = new PointF(335, 20);

            PointF descLeg = new PointF(360, 16);

            //画出说明部分的图形

            for (int i = 0; i < arrValueNames.Length; i++)

            {

                objGraphics.FillRectangle(new SolidBrush(GetColor(i)), symbolLeg.X, symbolLeg.Y, 20, 10);

                objGraphics.DrawRectangle(Pens.Black, symbolLeg.X, symbolLeg.Y, 20, 10);

                objGraphics.DrawString(arrValueNames[i].ToString(), new System.Drawing.Font("宋体", 10), Brushes.Black, descLeg);

                symbolLeg.Y += 15;

                descLeg.Y += 15;

            }

            float TotalValues = 0;

            for (int i = 0; i <= arrValues.Length - 1; i++)

            {

                TotalValues += arrValues[i];

            }

            //绘出矩形图。

            float Rectangleheight = 0;

            PointF recLeg = new PointF(12, 200 - arrValues[0] / TotalValues * 300);

            for (int i = 0; i < arrValues.Length; i++)

            {

                Rectangleheight = arrValues[i] / TotalValues * 300;

                objGraphics.FillRectangle(new SolidBrush(GetColor(i)), (i * 35) + 15, 200 - Rectangleheight, 20, Rectangleheight + 50);

                objGraphics.DrawRectangle(Pens.Black, (i * 35) + 15, 200 - Rectangleheight, 20, Rectangleheight + 50);

                recLeg.Y = 200 - Rectangleheight - 14;

                objGraphics.DrawString(arrValues[i].ToString(), new System.Drawing.Font("宋体", 10), Brushes.Blue, recLeg);

                recLeg.X += 35;

            }

            //绘出圆形图。

            float sglCurrentAngle = 0;

            float sglTotalAngle = 0;

            for (int i = 0; i < arrValues.Length; i++)

            {

                sglCurrentAngle = arrValues[i] / TotalValues * 360;

                objGraphics.FillPie(new SolidBrush(GetColor(i)), 220, 95, 100, 100, sglTotalAngle, sglCurrentAngle);

                objGraphics.DrawPie(Pens.Black, 220, 95, 100, 100, sglTotalAngle, sglCurrentAngle);

                sglTotalAngle += sglCurrentAngle;

            }

            objBitMap.Save(System.Web.HttpContext.Current.Response.OutputStream, ImageFormat.Gif);

        }

        //定义颜色。

        private static Color GetColor(int itemIndex)

        {

            Color objColor;

            if (itemIndex == 0)

            {

                objColor = Color.Maroon;

            }

            else if (itemIndex == 1)

            {

                objColor = Color.Red;

            }

            else if (itemIndex == 2)

            {

                objColor = Color.Gray;

            }

            else if (itemIndex == 3)

            {

                objColor = Color.Blue;

            }

            else if (itemIndex == 4)

            {

                objColor = Color.Orange;

            }

            else if (itemIndex == 5)

            {

                objColor = Color.Cyan;

            }

            else if (itemIndex == 6)

            {

                objColor = Color.Bisque;

            }

            else if (itemIndex == 7)

            {

                objColor = Color.Maroon;

            }

            else if (itemIndex == 8)

            {

                objColor = Color.Maroon;

            }

            else

            {

                objColor = Color.Blue;

            }

            return objColor;

        }

    }

}

二、新建生成饼状柱状图页面BZImage.aspx:
后台:
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 BLL;

using Models;

public partial class GridViewDemo_BZImage : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        GetBZIamge();

    }

    /// <summary>

    /// 生成饼状柱状图

    /// </summary>

    public void GetBZIamge()

    {

        DataTable dt = BLL.StudentBLL.SelAllStudent();

        string[] rows = new string[dt.Rows.Count];

        int[] columns = new int[dt.Rows.Count];

        for (int i = 0; i < dt.Rows.Count; i++)

        {

            rows[i] = dt.Rows[i]["学生姓名"].ToString();

            columns[i] = Convert.ToInt32(dt.Rows[i]["薪金"].ToString());

        }

        Tools.OWCImageHelp.GetZBImage(rows, columns, "学生薪水查询");

    }

}

三、显示饼状柱状图的页面:
前台:
<table style="width: 600px" onMouseOver="over()" onMouseOut="out()">

            <tr>

             <td style="height: 21px; width: 35px;" align="center">

                    <img id="BZImage" src="BZImage.aspx" alt=""/>

                </td>

            </tr>

</table>

希望本文所述对大家的asp.net程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jQuery.Highcharts.js绘制柱状图饼状图曲线图,包括了jQuery.Highcharts.js绘制柱状图饼状图曲线图的使用技巧和注意事项,需要的朋友参考一下 在数据统计和分析业务中,有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来,即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势,还能从饼状图中看出各部分数据比重。Highcharts可以轻松

  • 本文向大家介绍PHP+mysql+Highcharts生成饼状图,包括了PHP+mysql+Highcharts生成饼状图的使用技巧和注意事项,需要的朋友参考一下 Mysql 首先我们建一张·chart_pie·表作为统计数据。 PHP 在pie.php我们要生成数据给前端调用: 此外,格式化数据市,如果要显示百分比,可使用this.percentage,Highcharts会自动将整数转换为百分

  • 本文向大家介绍ASP.Net页面生成饼图实例,包括了ASP.Net页面生成饼图实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ASP.Net页面生成饼图的方法。分享给大家供大家参考。具体实现方法如下: 1.生成普通饼图: 运行效果如下图所示: 2.如果饼图要加边线,就将上面代码中加注释的代码部分取消注释,如下代码所示: 运行结果如下图: 希望本文所述对大家的asp.net程序设计有所帮

  • 通过Java 导出 Excel 数据能不能生成柱状图和饼图 目前没有找到什么合适的方法,主要是需要输出图表结构到文件中给客户

  • Java 如何生成 Excel 柱状图? 我想通过java代码在一个xlsx文件中生成柱状图,并且导出的时候要与Excel兼容。有什么建议吗?

  • 用 echarts 实现 饼状图 这种