ASP.NET画图全攻略（上）
2024-05-11 08:02:05
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+图形的高级功能
namespace Insight_cs.WebCharts
{
public class PieChart
{
public PieChart()
{
}
public void Render(string title, string subTitle, int width, int height, DataSet chartData, Stream target)
{
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[1]);
}
//产生一个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",24),Brushes.Black,new PointF(5,5));
//画饼图的图例
g.DrawString(subTitle,new Font("Tahoma",14),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][1]) / 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("Legend",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][1]) / sumData * 100;
g.DrawString(dt.Rows[i][0].ToString() + " - " + dt.Rows[i][1].ToString() + " (" + percent.ToString("0") + "%)",new Font("Tahoma",10),Brushes.Black,textOrigin);
boxOrigin.Y += 15;
textOrigin.Y += 15;
}
//通过Response.OutputStream，将图形的内容发送到浏览器
bm.Save(target, ImageFormat.Gif);
//回收资源
bm.Dispose();
g.Dispose();
}
}
//画条形图
public class BarChart
{
public BarChart()
{
}
public void Render(string title, string subTitle, int width, int height, DataSet chartData, Stream target)
{
const int SIDE_LENGTH = 400;
const int CHART_TOP = 75;
const int CHART_HEIGHT = 200;
const int CHART_LEFT = 50;
const int CHART_WIDTH = 300;
DataTable dt = chartData.Tables[0];
//计算最高的点
float highPoint = 0;
foreach(DataRow dr in dt.Rows)
{
if(highPoint<Convert.ToSingle(dr[1]))
{
highPoint = Convert.ToSingle(dr[1]);
}
}
//建立一个Graphics对象实例
Bitmap bm = new Bitmap(width,height);
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,SIDE_LENGTH-1,SIDE_LENGTH-1);
//画大标题
g.DrawString(title,new Font("Tahoma",24),Brushes.Black,new PointF(5,5));
//画小标题
g.DrawString(subTitle,new Font("Tahoma",14),Brushes.Black,new PointF(7,35));
//画条形图
float barWidth = CHART_WIDTH / (dt.Rows.Count * 2);
PointF barOrigin = new PointF(CHART_LEFT + (barWidth / 2),0);
float barHeight = dt.Rows.Count;
for(int i=0;i<dt.Rows.Count;i++)
{
barHeight = Convert.ToSingle(dt.Rows[i][1]) * 200 / highPoint;
barOrigin.Y = CHART_TOP + CHART_HEIGHT - barHeight;
g.FillRectangle(new SolidBrush(ChartUtil.GetChartItemColor(i)),barOrigin.X,barOrigin.Y,barWidth,barHeight);
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.DrawRectangle(new Pen(Color.Black,1),200,300,199,99);
g.DrawString("Legend",new Font("Tahoma",12,FontStyle.Bold),Brushes.Black,new PointF(200,300));
//画图例
PointF boxOrigin = new PointF(210,330);
PointF textOrigin = new PointF(235,326);
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);
g.DrawString(dt.Rows[i][0].ToString() + " - " + dt.Rows[i][1].ToString(),new Font("Tahoma",10),Brushes.Black,textOrigin);
boxOrigin.Y += 15;
textOrigin.Y += 15;
}
//输出图形
bm.Save(target, ImageFormat.Gif);
//资源回收
bm.Dispose();
g.Dispose();
}
}
public class ChartUtil
{
public ChartUtil()
{
}
public static Color GetChartItemColor(int itemIndex)
{
Color selectedColor;
switch(itemIndex)
{
case 0:
selectedColor = Color.Blue;
break;
case 1:
selectedColor = Color.Red;
break;
case 2:
selectedColor = Color.Yellow;
break;
case 3:
selectedColor = Color.Purple;
break;
default:
selectedColor = Color.Green;
break;
}
return selectedColor;
}
}
}
代码分析：
1.引入一些namespace
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+图形的高级功能
这些namespace将在后面被应用。
2.自定义一个namespace为Insight_cs.WebCharts，其中包括了两个类PieChart和BarChart，很清楚，class PieChart是为画饼图而建，class BarChart是为画条形图而建。由于class PieChart和class BarChar差不多，所以下面我们以饼图为例，进行代码分析。
3.类PieChart建立一个方法Render，此方法可以含一些参数。简单说明如下：
参数title，表示饼图上方的大标题文字。
参数subtitle，表示饼图上方的小标题文字。
参数width，height，表示了整个图形的大小。
参数charData是一个DataSet对象实例，用于画图使用。
参数target是Stream对象的实例，用于图形输出时使用。
4.为了增加可读性，定义一些常量：
const int SIDE_LENGTH = 400;//画布边长
const int PIE_DIAMETER = 200;//饼图直径
5.定义一个DataTable，它是DataSet中的一个数据表。其中存放了饼图的各个数据。
6.通过计算，得出饼图中的总基数sumData。
7.建立了一个BitMap对象，它为要创建的图形提供了内存空间。并由此产生一个Graphics对象，它封装了GDI+画图接口。
8.调用Graphics对象的方法ScaleTransform()，它是用来设定图形比例的。
9.调用方法SmoothingMode()，TextRenderingHint()等来设置文字和图形的相关属性。
9.设置画布和边。
10.设置文字标题，图例，画饼图自身。
11.通过Stream，将图形的内容发送到浏览器。
12.最后回收资源。
至此画饼图的类就完成了。画条形图的方法和画饼图的方法大同小异，这里就不展开讲了。
总体看来，构建画图的类没有我们想象的那样难，并没有多么高深的算法。其实整体思路，就好像我们用笔在纸上画图是一摸一样的。关键是各个方法的使用和参数设置。
using System.IO;//用于文件存取
using System.Data;//用于数据访问
using System.Drawing;//提供画GDI+图形的基本功能
using System.Drawing.Text;//提供画GDI+图形的高级功能
using System.Drawing.Drawing2D;//提供画高级二维，矢量图形功能
using System.Drawing.Imaging;//提供画GDI+图形的高级功能
namespace Insight_cs.WebCharts
{
public class PieChart
{
public PieChart()
{
}
public void Render(string title, string subTitle, int width, int height, DataSet chartData, Stream target)
{
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[1]);
}
//产生一个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",24),Brushes.Black,new PointF(5,5));
//画饼图的图例
g.DrawString(subTitle,new Font("Tahoma",14),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][1]) / 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("Legend",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][1]) / sumData * 100;
g.DrawString(dt.Rows[i][0].ToString() + " - " + dt.Rows[i][1].ToString() + " (" + percent.ToString("0") + "%)",new Font("Tahoma",10),Brushes.Black,textOrigin);
boxOrigin.Y += 15;
textOrigin.Y += 15;
}
//通过Response.OutputStream，将图形的内容发送到浏览器
bm.Save(target, ImageFormat.Gif);
//回收资源
bm.Dispose();
g.Dispose();
}
}
//画条形图
public class BarChart
{
public BarChart()
{
}
public void Render(string title, string subTitle, int width, int height, DataSet chartData, Stream target)
{
const int SIDE_LENGTH = 400;
const int CHART_TOP = 75;
const int CHART_HEIGHT = 200;
const int CHART_LEFT = 50;
const int CHART_WIDTH = 300;
DataTable dt = chartData.Tables[0];
//计算最高的点
float highPoint = 0;
foreach(DataRow dr in dt.Rows)
{
if(highPoint<Convert.ToSingle(dr[1]))
{
highPoint = Convert.ToSingle(dr[1]);
}
}
//建立一个Graphics对象实例
Bitmap bm = new Bitmap(width,height);
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,SIDE_LENGTH-1,SIDE_LENGTH-1);
//画大标题
g.DrawString(title,new Font("Tahoma",24),Brushes.Black,new PointF(5,5));
//画小标题
g.DrawString(subTitle,new Font("Tahoma",14),Brushes.Black,new PointF(7,35));
//画条形图
float barWidth = CHART_WIDTH / (dt.Rows.Count * 2);
PointF barOrigin = new PointF(CHART_LEFT + (barWidth / 2),0);
float barHeight = dt.Rows.Count;
for(int i=0;i<dt.Rows.Count;i++)
{
barHeight = Convert.ToSingle(dt.Rows[i][1]) * 200 / highPoint;
barOrigin.Y = CHART_TOP + CHART_HEIGHT - barHeight;
g.FillRectangle(new SolidBrush(ChartUtil.GetChartItemColor(i)),barOrigin.X,barOrigin.Y,barWidth,barHeight);
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.DrawRectangle(new Pen(Color.Black,1),200,300,199,99);
g.DrawString("Legend",new Font("Tahoma",12,FontStyle.Bold),Brushes.Black,new PointF(200,300));
//画图例
PointF boxOrigin = new PointF(210,330);
PointF textOrigin = new PointF(235,326);
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);
g.DrawString(dt.Rows[i][0].ToString() + " - " + dt.Rows[i][1].ToString(),new Font("Tahoma",10),Brushes.Black,textOrigin);
boxOrigin.Y += 15;
textOrigin.Y += 15;
}
//输出图形
bm.Save(target, ImageFormat.Gif);
//资源回收
bm.Dispose();
g.Dispose();
}
}
public class ChartUtil
{
public ChartUtil()
{
}
public static Color GetChartItemColor(int itemIndex)
{
Color selectedColor;
switch(itemIndex)
{
case 0:
selectedColor = Color.Blue;
break;
case 1:
selectedColor = Color.Red;
break;
case 2:
selectedColor = Color.Yellow;
break;
case 3:
selectedColor = Color.Purple;
break;
default:
selectedColor = Color.Green;
break;
}
return selectedColor;
}
}
}
代码分析：
1.引入一些namespace
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+图形的高级功能
这些namespace将在后面被应用。
2.自定义一个namespace为Insight_cs.WebCharts，其中包括了两个类PieChart和BarChart，很清楚，class PieChart是为画饼图而建，class BarChart是为画条形图而建。由于class PieChart和class BarChar差不多，所以下面我们以饼图为例，进行代码分析。
3.类PieChart建立一个方法Render，此方法可以含一些参数。简单说明如下：
参数title，表示饼图上方的大标题文字。
参数subtitle，表示饼图上方的小标题文字。
参数width，height，表示了整个图形的大小。
参数charData是一个DataSet对象实例，用于画图使用。
参数target是Stream对象的实例，用于图形输出时使用。
4.为了增加可读性，定义一些常量：
const int SIDE_LENGTH = 400;//画布边长
const int PIE_DIAMETER = 200;//饼图直径
5.定义一个DataTable，它是DataSet中的一个数据表。其中存放了饼图的各个数据。
6.通过计算，得出饼图中的总基数sumData。
7.建立了一个BitMap对象，它为要创建的图形提供了内存空间。并由此产生一个Graphics对象，它封装了GDI+画图接口。
8.调用Graphics对象的方法ScaleTransform()，它是用来设定图形比例的。
9.调用方法SmoothingMode()，TextRenderingHint()等来设置文字和图形的相关属性。
9.设置画布和边。
10.设置文字标题，图例，画饼图自身。
11.通过Stream，将图形的内容发送到浏览器。
12.最后回收资源。
至此画饼图的类就完成了。画条形图的方法和画饼图的方法大同小异，这里就不展开讲了。
总体看来，构建画图的类没有我们想象的那样难，并没有多么高深的算法。其实整体思路，就好像我们用笔在纸上画图是一摸一样的。关键是各个方法的使用和参数设置。
转载于:https://www.cnblogs.com/guodapeng/archive/2007/10/04/914261.html
ASP.NET画图全攻略（上）相关推荐
- ASP.NET画图全攻略（下）
我们在前面已经完成了饼图和条形图的自定义类,下面我们将要应用这些类了. 使用vs.net新建一个名为Insight_cs的Web应用程序,并且添加到刚才的Insight工程中.删除默认的webfo ...
- 到底该不该上马Vista 中小企业升级全攻略(上)
CNET科技资讯网2月26日国际报道 微软最新的操作系统Windows Vista在几个月前已推出了企业版.市面上出现了很多讨论--对于这个新的操作系统,有赞赏也有批评--许多中小型企业的IT主管不知 ...
- ALEXA站长全攻略（转）
写此文之前本拟在"ALEXA"前加一个"网站流量世界排名",可转而一想ALEXA主营业务及目前的功能也不一个专做网站流量排名的网站,更确切的说它是一个提供搜索的 ...
- Asp.net C#制作PDF文件全攻略
StreamWriter pPDF=new StreamWriter(filePath); ArrayList xRefs=new ArrayList(); float yPos =0f; long ...
- 学的计算机专业要购怎样的笔记本电脑,参考：上大学了买电脑吗？大学新生笔记本电脑购置全攻略...
原标题:参考:上大学了买电脑吗?大学新生笔记本电脑购置全攻略 进入大学,需要买一台好一点的电脑来帮助学习是很有必要的,但是肯定会有很多同学对电子产品不太了解,不知道应该怎么挑选电脑吧.今天小南就帮大家 ...
- linux开热点软件,在Ubuntu系统的电脑上开启无线热点全攻略，
在Ubuntu系统的电脑上开启无线热点全攻略, 利用系统自带的网络功能创建热点 请注意:你必须要有一个可以用来创建AP热点的无线网卡.如果你不知道如何确认它的话,在终端(Terminal)里输入iw ...
- Android 系统（265）----Android进程保活全攻略（上）
Android进程保活全攻略(上) 对于每个公司的APP来说,当然都希望自己APP的进程尽量的不被杀死,于是乎,就有了一些列进程保活的方法出现,网上也有很多关于这类的文章,但网上很多资料往往只告诉了思 ...
- 史上最全——QQ秘籍之全攻略
史上最全--QQ秘籍之全攻略- - 1.将您的QQ的在线状态发布在互联网上 2.让你的QQ永不怕回收 3.QQ使用的八大非常规秘籍 1.将您的QQ的在线状态发布在互联网上 将您的QQ的在线状态发布在互 ...
- java pdf 修改内容_生成PDF全攻略之在已有PDF上添加内容的实现方法
项目在变,需求在变,不变的永远是敲击键盘的程序员..... PDF 生成后,有时候需要在PDF上面添加一些其他的内容,比如文字,图片.... 经历几次失败的尝试,终于获取到了正确的代码书写方式. 在此 ...
最新文章
- Java内置函数的理解和加减乘除四个函数的学习
- Junit 3 与 Junit 4写法
- lnmp一键安装脚本
- Oracle PL/SQL编程学习笔记：游标
- shiro学习(23)：动态添加验证规则3
- 【九度oj 1135】【OpenJ_Bailian - 2915】 字符串排序 （水）
- 获取字符串全排列 或者 只输出k个的组合
- 17.Class Preferences
- linux 3.2.0 卸载,linux python3编译以及 卸载，python默认为python3 ，pip默认为pip3,亲测版...
- mysql date_default_timezone_set,date_default_timezone_set
- ubuntu安装go 1.13.8
- AVOD-代码理解系列（三）
- Visio科学图形包下载以及安装详细教程
- VMware安装ubantu系统
- 如何用计算机制作动态图,电脑怎么制作动态图，如何制作动态壁纸
- 小米air2se耳机只有一边有声音怎么办_小米耳机只有一边有声音，这问题怎么解决...
- 乐优商城（三十）——授权中心
- Weblogic Server打补丁方法步骤
- Win软件 - 这可能是首款能在电脑上控制 iPhone 的工具
- 数字IC设计 FPGA——再谈加法器设计（使用Verilog 原语 进行四位加法器设计）