| 信息系统大多会涉及到数据的统计，如数据的导出及生成统计对比图等，记得之前有一次要生成一个统计图在WEB页面上显示，那时也是在网上找了段Code，完全是一点点画横纵轴坐标上面的画出来的，而且出来的效果也一般。最近项目的需要又有类似的要求，当然也知道随VS08一起免费发布的绘图组件功能很强大，那绘图组件要下载安装，说是只支持.NET3.5（没试验过），不过园子里我看到了飛雪飄寒 的一篇博客(http://www.cnblogs.com/dreamof/archive/2008/07/18/1245887.html)，只需引用一个dotnetCHARTING.dll，而且对于.NET1.1到.NET3.5都适用，在此非常感谢飛雪飄寒，这里我在他的基础上作了一些补充说明。当然dreamof也提到了参考的来源网站http://www.dotnetcharting.com/,上面有近上千种图样，同时给出的调用方式，几乎涵盖了应用系统报表图的所有方面。
OK，开始正题，统计图一般分柱状图，折线图，扁图，扁图稍微用的少点，常见的一般是折线和柱状图，特殊概念的统计还是少不了扁图的，我下面主要以柱状和折线图作说明。 柱状和折线的又分单一图和对比图，对比图也就是柱形的叠加，折线的叠加，当然柱形和折线也可以混合叠加。首先说下生成统计图的相关属性 /**/ /// <summary> /// 图片存放路径 /// </summary> public string PhaysicalImagePath { set { _phaysicalimagepath = value; } get { return _phaysicalimagepath; } } /**/ /// <summary> /// 图片标题 /// </summary> public string Title { set { _title = value; } get { return _title; } } /**/ /// <summary> /// 图片x座标名称 /// </summary> public string XTitle { set { _xtitle = value; } get { return _xtitle; } } /**/ /// <summary> /// 图片y座标名称 /// </summary> public string YTitle { set { _ytitle = value; } get { return _ytitle; } } /**/ /// <summary> /// 图例名称 /// </summary> public string SeriesName { set { _seriesname = value; } get { return _seriesname; } } /**/ /// <summary> /// 图片宽度 /// </summary> public int PicWidth { set { _picwidth = value; } get { return _picwidth; } } /**/ /// <summary> /// 图片高度 /// </summary> public int PicHight { set { _pichight = value; } get { return _pichight; } } /// <summary> /// 统计图类型(柱形,线形等) /// </summary> public SeriesType Type { set { _type = value; } get { return _type; } } /// <summary> /// 是否将输出的图片显示成三维 /// </summary> public bool Use3D { set { _use3d = value; } get { return _use3d; } } /// <summary> /// 对比图形数据源 /// </summary> public SeriesCollection DataSource { set { _dt = value; } get { return _dt; } } /// <summary> /// 生成统计图片的名称 /// </summary> public string FileName { set { _filename = value; } get { return _filename; } }
不用解释，上面的属性一看就应该能明白 一、 单一图 单一图的应用，比如某条公交线一年12个月中每月的载客量趋势图，如下(折线和柱状图)： |
 |
 |
|
通过dotnetCHARTING绘制上面的单一统计图是非常方便的，只需给定一个DataTable类型的数据源，数据源的段包括横轴的数值和纵轴的数值，即两个字段 /// <summary> 在生成统计图时只需要合理组织数据源就可以了，dotnetcharting会根据数据库的数值自动合理的分配纵轴的尺度，这点比较方便。调用也很简单，如下面
 private void Drawing(){ Charting c = new Charting(); c.Title = "2008年各月载客量"; c.XTitle = "月份"; c.YTitle = "载客量(万人)"; c.PicHight = 350; c.PicWidth = 650; c.SeriesName = "合计";//仅对于DataTable类型做数据源时，此属性有效 c.PhaysicalImagePath = "ChartImages";//统计图片存放的文件夹名称，缺少对应的文件夹生成不了统计图片 c.FileName = "Statistics"; c.Type = SeriesType.Line;//折线型 c.Use3D = false; c.DataSource = GetDataSource(); c.CreateStatisticPic(this.Chart1); }
/// <summary>
/// 生成单一统计图片 /// </summary> /// <param name="chart"></param> /// <param name="type">图形类别,如柱状，折线型</param> public void CreateStatisticPic(dotnetCHARTING.Chart chart){ chart.Title = this.Title; chart.XAxis.Label.Text = this.XTitle; chart.YAxis.Label.Text = this.YTitle; chart.TempDirectory = this.PhaysicalImagePath; chart.FileManager.FileName = this.FileName; chart.Width = this.PicWidth; chart.Height = this.PicHight; chart.Type = ChartType.Combo; chart.Series.Type = this.Type; chart.Series.Name = this.SeriesName; chart.Series.Data = this.DataSource; chart.SeriesCollection.Add(); chart.DefaultSeries.DefaultElement.ShowValue = true; chart.ShadingEffect = true; chart.Use3D = this.Use3D; chart.Series.DefaultElement.ShowValue = true; }
个人觉得生成平面图还好看些，三维的图反而看起来别扭，下面也贴一张三维的单一图效果看下 |
 |
| 生成的图片名称，如果不指定，系统会根据Tick数随机生成图片名称，格式为png，这样时间久了会很多图片，当然可以在生成前先delete下文件下下的文件，
如果设定一个固定名称，就只会有一个图片，新的会覆盖原有的，但是实际应用中这些做法都不太好，比如系统中有多种形式的报表，多个用户同时在线生成统计图 并且还要将该图片导出到文档，图片名称就不能重复了，要对应到用户才行，可以这样c.FileName = UserID+报表编号，假设系统中有10种类型的报表，系统用户 有20个，最终的统计图片文件夹下的文件随着时间的推移最多达到200个图片。也是可以接受的（也有的说如果是最新的统计图片就不再重新生成，这样当然好，但是 生成的图片基本上都是按时间段动态查询产生的，也不易控制），如果真的报表类型也多，用户也多，做个定期删除页无妨。
二、对比图 对比图的应用，比如某年12个中公交和地铁的载客量对比趋势图，如下(折线和柱状图) |
 |
 |
与单一图不一样的是，生成对比图的数据源必须是序列集合的类型SeriesCollection类型，也就是从数据库取出的数据要处理
成序列集合的形式（请看第二篇）（本文由控件中国网转载）