用代码画折线图/柱形图/条形图/饼图

饼图|折线图|柱形图

  本文将介绍在.Net中如何使用代码画图表,就像用MS Excel生成的图表一样。也可以画像DataGrid一样的表格。
  在.Net中,微软给我们提供了画图类(System.Drawing.Imaging),在该类中画图的基本功能都有。比如:直线、折线、矩形、多边形、椭圆形、扇形、曲线等等,因此一般的图形都可以直接通过代码画出来。接下来介绍一些画图函数:
Bitmap bMap=new Bitmap(500,500) //定义图像大小;
bMap.Save(Stream,ImageCodecInfo) //将图像保存到指定的输出流;
Graphics gph //定义或创建GDI绘图对像;
PointF cPt //定义二维平面中x,y坐标;
DrawString(string,Font,Brush,PonitF) //用指定的Brush和Font对像在指定的矩形或点绘制指定的字符串;
DrawLine(Pen,Ponit,Ponit) //用指定的笔(Pen)对像绘制指定两点之间直线;
DrawPolygon(Pen,Ponit[]) //用指定的笔(Pen)对像绘制指定多边形,比如三角形,四边形等等;
FillPolygon(Brush,Ponit[]) //用指定的刷子(Brush)对像填充指定的多边形;
DrawEllipse(Pen,x,y,Width,Height) //用指定的笔绘制一个边框定义的椭圆;
FillEllipse(Brush,x,y,Width,Height) //用指定的刷子填充一个边框定义的椭圆;
DrawRectangle(Pen,x,y,Width,Height) //用指定的笔绘制一个指定坐标点、宽度、高度的矩形;
DrawPie(Pen,x,y,Width,Height,startAngle,sweepAngle) //用指定的笔绘制一个指定坐标点、宽度、高度以及两条射线组成的扇形;
  OK,就介绍这么多了,参数已简写。我相信在实际的使用过程中,大家会有更深刻的体会。最后,通过一个简单的例子来看看如何使用这些画图函数(折线图)。
画上述折线图的代码如下:
//数据初始化
   string[] month=new string[12]{"一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"};
   float[] d=new float[12]{20.5F,60,10.8F,15.6F,30,70.9F,50.3F,30.7F,70,50.4F,30.8F,20};
   //画图初始化
   Bitmap bMap=new Bitmap(500,500);
   Graphics gph=Graphics.FromImage(bMap);
   gph.Clear(Color.White);

   PointF cPt=new PointF(40,420);//中心点
   PointF[] xPt=new PointF[3]{new PointF(cPt.Y+15,cPt.Y),new PointF(cPt.Y,cPt.Y-8),new PointF(cPt.Y,cPt.Y+8)};//X轴三角形
   PointF[] yPt=new PointF[3]{new PointF(cPt.X,cPt.X-15),new PointF(cPt.X-8,cPt.X),new PointF(cPt.X+8,cPt.X)};//Y轴三角形
   gph.DrawString("某工厂某产品月生产量图表", new Font("宋体", 14), Brushes.Black, new PointF(cPt.X+60, cPt.X));//图表标题
   //画X轴
   gph.DrawLine(Pens.Black, cPt.X,cPt.Y ,cPt.Y,cPt.Y);
   gph.DrawPolygon(Pens.Black,xPt);
   gph.FillPolygon(new SolidBrush(Color.Black),xPt);
   gph.DrawString("月份", new Font("宋体", 12), Brushes.Black, new PointF(cPt.Y+10, cPt.Y+10));
   //画Y轴
   gph.DrawLine(Pens.Black, cPt.X,cPt.Y,cPt.X,cPt.X);
   gph.DrawPolygon(Pens.Black,yPt);
   gph.FillPolygon(new SolidBrush(Color.Black),yPt);
   gph.DrawString("单位(万)", new Font("宋体", 12), Brushes.Black, new PointF(0, 7));
   for(int i=1;i<=12;i++)
   {
    //画Y轴刻度
    if (i<11)
    {
     gph.DrawString((i*10).ToString(), new Font("宋体", 11), Brushes.Black, new PointF(cPt.X-30, cPt.Y-i*30-6));
     gph.DrawLine(Pens.Black, cPt.X-3,cPt.Y-i*30 ,cPt.X,cPt.Y-i*30);
    }
    //画X轴项目
    gph.DrawString(month[i-1].Substring(0,1), new Font("宋体", 11), Brushes.Black, new PointF(cPt.X+i*30-5, cPt.Y+5));
    gph.DrawString(month[i-1].Substring(1,1), new Font("宋体", 11), Brushes.Black, new PointF(cPt.X+i*30-5, cPt.Y+20));
    if(month[i-1].Length>2) gph.DrawString(month[i-1].Substring(2,1), new Font("宋体", 11), Brushes.Black, new PointF(cPt.X+i*30-5, cPt.Y+35));
    //画点
    gph.DrawEllipse(Pens.Black,cPt.X+i*30-1.5F,cPt.Y-d[i-1]*3-1.5F,3,3);
    gph.FillEllipse(new SolidBrush(Color.Black),cPt.X+i*30-1.5F,cPt.Y-d[i-1]*3-1.5F,3,3);
    //画数值
    gph.DrawString(d[i-1].ToString(), new Font("宋体", 11), Brushes.Black, new PointF(cPt.X+i*30,cPt.Y-d[i-1]*3));
    //画折线
    if(i>1) gph.DrawLine(Pens.Red,cPt.X+(i-1)*30,cPt.Y-d[i-2]*3,cPt.X+i*30,cPt.Y-d[i-1]*3);
   }
   //保存输出图片
   bMap.Save(Response.OutputStream, ImageFormat.Gif);

时间: 2024-12-25 09:34:29

用代码画折线图/柱形图/条形图/饼图的相关文章

用代码画折线图

问题描述 在c#.NET中WEB页面用代码画折线图并在图中加条直线通过移动直线可以在TEXBOX或别的控件中显示值有比较全的代码或例子吗谢谢本人新手最好代码就剩这几分了 解决方案 解决方案二:........解决方案三:该回复于2008-11-05 18:57:10被版主删除解决方案四:vml

前端-百度echarts画折线图显示不出来,画柱状图则正常

问题描述 百度echarts画折线图显示不出来,画柱状图则正常 代码如下: <div id=""main"" style=""height:400px""></div> <script src=""http://echarts.baidu.com/build/dist/echarts.js""></script> <script ty

绘图-用GDI画折线图长时间运行之后系统变慢

问题描述 用GDI画折线图长时间运行之后系统变慢 vc2010 mfc自己编写函数画折线图,传入一些离散的点然后绘制到图片控件上,程序刚运行时没有异常,但在较长时间(4小时左右)运行之后整个系统开始变的卡顿(比如打开其他文件变得缓慢),甚至无法绘制图形,程序中的按钮也不能点击,但是程序使用的内存和cpu也都正常,调试的时候绘图函数也有正常执行没有死循环,绘制的点也不多,求高手帮忙解答 解决方案 系统的句柄是否有泄露,造成资源泄漏.gdi资源是否及时释放. 解决方案二: 非常感谢!应该是图片控件使

android-achartengine画折线图怎样使某个点变为与其他点不同的颜色

问题描述 achartengine画折线图怎样使某个点变为与其他点不同的颜色 请问Android使用achartengine画折线图怎样使某个点变为与其他点不同的颜色 解决方案 http://blog.csdn.net/kmyhy/article/details/6584298 解决方案二: http://www.open-open.com/lib/view/open1396359314653.html 绘制出单独的点,完后改变颜色 解决方案三: http://blog.csdn.net/lk_

c#-C# Repotview 图表画折线图,每次都有同样的问题,散点图没问题

问题描述 C# Repotview 图表画折线图,每次都有同样的问题,散点图没问题 每次图中都有两条比较有个性的线把我的图给毁了,不应该有的,拐弯的地方有没有数据,怎么修正

canvas画折线图

问题描述 用html5画折线图,有坐标系,可以自己输入数据然后折现出现不同效果用for循环哦,坐标轴上有月份,月份也有for循环

用html5 画折线图

问题描述 用html5画折线图,有坐标系,可以自己输入数据然后折现出现不同效果 解决方案 解决方案二: 解决方案三:用for循环画哦,折线是根据自己输入的数据改变哦解决方案四:可以用for循环帮我做出坐标轴上的月份吗

jqplot通过ajax动态画折线图的方法及思路_javascript技巧

效果如图所示,每个五秒钟图会移动一次(其实是重新画了一张图),能显示所监控的cpu信息. pastCpuInfomation函数主要用来显示一张折线图 updateCpuPic函数把5秒前的图去掉,重新根据现有数据画一张图. updateCpuInfomation函数 把最新的点加入存储折线的数组中 再接着在界面中弄两个定时器,让他们每个5秒执行一次updateCpuPic,每个1分钟执行一次updateCpuInfomation,图画就动起来了. PS:代码中执行好多操作前都会在服务器中获取下

C#画折线图

折线图 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.HtmlCon