dotnetCHARTING实现数据统计并以图表形式显示在页面上.doc

dotnetCHARTING实现数据统计以图表形式显示在页面上，在一些网站的开发过程中。有一些数据需要在页面上以统计形式显示出来，有些人整愁着怎么实现，在这里，只需要调用dotnetCHARTING就可以轻松的实现。 操作步骤：写好统计图相关属性，以类的形式保存。下面是统计图的相关属性，可以直接调用。 #region 属性 private string _phaysicalimagepath;/图片存放路径 private string _title; /图片标题 private string _xtitle;/图片x座标名称 private string _ytitle;/图片y座标名称 private string _seriesname;/图例名称 private int _picwidth;/图片宽度 private int _pichight;/图片高度 private DataTable _dt;/图片数据源 /*/ / 图片存放路径 / public string PhaysicalImagePath set_phaysicalimagepath=value; getreturn _phaysicalimagepath; /*/ / 图片标题 / public string Title set_title=value; getreturn _title; /*/ / 图片标题 / public string XTitle set_xtitle=value; getreturn _xtitle; /*/ / 图片标题 / public string YTitle set_ytitle=value; getreturn _ytitle; /*/ / 图例名称 / public string SeriesName set_seriesname=value; getreturn _seriesname; /*/ / 图片宽度 / public int PicWidth set_picwidth=value; getreturn _picwidth; /*/ / 图片高度 / public int PicHight set_pichight=value; getreturn _pichight; /*/ / 图片数据源 / public DataTable DataSource set_dt=value; getreturn _dt; /构造函数#region 构造函数 public ShowData() / / TODO: 在此处添加构造函数逻辑 / public ShowData(string PhaysicalImagePath,string Title,string XTitle,string YTitle,string SeriesName) _phaysicalimagepath=PhaysicalImagePath; _title=Title; _xtitle=XTitle; _ytitle=YTitle; _seriesname=SeriesName; / 输出柱形图#region 输出柱形图 /*/ / 柱形图 / / public void CreateColumn(dotnetCHARTING.Chart chart) chart.Title=this._title; chart.XAxis.Label.Text=this._xtitle; chart.YAxis.Label.Text=this._ytitle; chart.TempDirectory =this._phaysicalimagepath; chart.Width = this._picwidth; chart.Height = this._pichight; chart.Type = ChartType.Combo ; chart.Series.Type =SeriesType.Cylinder; chart.Series.Name = this._seriesname; chart.Series.Data = this._dt; chart.SeriesCollection.Add(); chart.DefaultSeries.DefaultElement.ShowValue = true; chart.ShadingEffect = true; chart.Use3D = false; chart.Series.DefaultElement.ShowValue =true; /输出饼图#region 输出饼图 /*/ / 饼图 / / public void CreatePie(dotnetCHARTING.Chart chart) chart.Title=this._title; chart.TempDirectory =this._phaysicalimagepath; chart.Width = this._picwidth; chart.Height = this._pichight; chart.Type = ChartType.Pie; chart.Series.Type =SeriesType.Cylinder; chart.Series.Name = this._seriesname; chart.ShadingEffect = true; chart.Use3D = false; chart.DefaultSeries.DefaultElement.Transparency = 20; chart.DefaultSeries.DefaultElement.ShowValue = true; chart.PieLabelMode = PieLabelMode.Outside; chart.SeriesCollection.Add(getArrayData(); chart.Series.DefaultElement.ShowValue = true; private SeriesCollection getArrayData() SeriesCollection SC = new SeriesCollection(); DataTable dt = this._dt; for(int i=0; i dt.Rows.Count; i+) Series s = new Series(); s.Name = dt.Rowsi0.ToString(); Element e = new Element(); / 每元素的名称 e.Name = dt.Rowsi0.ToString(); / 每元素的大小数值 e.YValue=Convert.ToInt32(dt.Rowsi1.ToString(); s.Elements.Add(e); SC.Add(s); return SC; /输出曲线图#region 输出曲线图 /*/ / 曲线图 / / public void CreateLine(dotnetCHARTING.Chart chart) chart.Title=this._title; chart.XAxis.Label.Text=this._xtitle; chart.YAxis.Label.Text=this._ytitle; chart.TempDirectory =this._phaysicalimagepath; chart.Width = this._picwidth; chart.Height = this._pichight; chart.Type = ChartType.Combo ; chart.Series.Type =SeriesType.Line; chart.Series.Name = this._seriesname; chart.Series.Data = this._dt; chart.SeriesCollection.Add(); chart.DefaultSeries.DefaultElement.ShowValue = true; chart.ShadingEffect = true; chart.Use3D = false; chart.Series.DefaultElement.ShowValue =true; #endregion写好了类，那么就需要在前台的页面上调用这个类的属性，并赋值。下面举例：protected void Page_Load(object sender, EventArgs e) /在要显示统计图的页面代码直接调用，方法类似如下： if (!Page.IsPostBack) ShowData show = new ShowData(); string year = DateTime.Now.Year.ToString(); show.Title = year + 年会员状态统计; show.XTitle = 会员状态; show.YTitle = 总人数; show.PicHight = 300; show.PicWidth = 600; show.SeriesName = X轴：0为正常。1为接触中。2为暂停服务。3为撤档 + n + n + Y轴：Y轴数据为X轴每个坐标的统计数据; show.PhaysicalImagePath = ./ChartImages; show.DataSource = GetDataSource(); show.CreateColumn(this.Chart1); private DataTable GetDataSource() DataTable tb = DB.dataTable(select User_Status,Count(*) as C from UserTable where User_Status=0 or User_Status=1 or User_Status=2 or User_Status=3 group by User_Status); return tb; 这是网页的后台代码。前台代码： 现在描述一下后台代码中的： if (!Page.IsPostBack) ShowData show = new ShowData(); string year = DateTime.Now.Year.ToString(); show.Title = year + 年会员状态统计; show.XTitle = 会员状态; show.YTitle = 总人数; show.PicHight = 300; show.PicWidth = 600; show.SeriesName = X轴：0为正常。1为接触中。2为暂停服务。3为撤档 + n + n + Y轴：Y轴数据为X轴每个坐标的统计数据; show.PhaysicalImagePath = ./ChartImages; show.DataSource = GetDataSource(); show.CreateColumn(this.Chart1); show.XTitle = 会员状态; 为横坐标的描述， show.YTitle = 总人数; 为Y轴的描述。这些都不重要，一看就可以知道。重要的是show.PhaysicalImagePath = ./ChartImages; 如果这句没处理好，你传进来的参数是对的，也不会显示，首先要手动创建ChartImages这个文件夹。要保证ChartImages这个文件夹存在。因为每点击一次页面实现统计，就会生成一张图片存放在ChartImages里面，如果程序不做相应处理，时间久了，出现占用空间过多的问题。 在这里，实现的办法很多，我是用读取目录下的文件进行删除。下面来讲解: private DataTable GetDataSource() DataTable tb = DB.dataTable(sel