Winform开发框架之数据曲线报表

简介:

在项目开发中,往往会碰到一些非常规的需求,每次碰到这种情况,都需要花费时间来整理自己的思路,然后参考网络上其他人的实现方式或者作法,有时候可以找到一些相同的模块进行改进即可符合需求,但往往很多是需要自己潜心研究,然后提炼优化,虽然探索过程还是比较开心,不过时间肯定是需要花不少的。我每次碰到这种情况,都会沉下心来,力求把这种的模块做得更好一点,方便以后的重用,这样每次抱着这样的态度,着实积累了不少好的东西,也可以为后面的项目夯实基础。

在一次Winform的项目开发过程中,客户需要对一些体检数据等参数进行曲线展示,其实图表控件有很多,但是我印象比较深的还是开源的ZedGraph控件,这个既可以用在Web上,也可以用在Winform上的开源控件,有着简单易用的特点,因此我会先考虑是否可以满足要求。在需求中,我需要定制显示曲线报表的内容,按照每行一个人员的数据,然后再每行中展现该人员的相关图表信息,而且这种的报表要可以实现打印的功能。在经过一段时间的摸索及实现提炼,得到了比较满意的效果,先来进行总体的介绍先把。

通过把好的思路,有用的技巧进行积累整合到Winform开发框架中,方便自己,也方便别人,提高工作效率。

1、按每行一个用户的数据显示曲线报表图形

一行一个人员的曲线数据,可以对同一曲线项目进行对比,方便用户的实际业务对比操作。

2、每个曲线图形可以双击打开,进行放大缩小的操作,方便用户查看。

由于在一个界面中展示多个图表图形的时候,会比较小,为了更直观显示曲线数据,可以通过单独打开一个新的窗口进行曲线缩放操作,支持鼠标的滚动放大缩小,同时ZedGraph支持绘图点的信息提示,非常友好。

3、提供自定义打印及文档导出功能

由于用户控件是自定义组装的,因此要实现自定义的打印功能才可以,这个自定义打印的东西确实需要慢慢测试研究,这个地方花了不少时间。

通过在DevExpress打印界面中展示预览效果,方便可以进行打印确认操作,以及预览最终的效果,并支持把文档导出到PDF或者图片中,非常方便易用。

以上就是这个曲线报表的主要几个特点,不过这样的曲线,基本上能够满足我们日常的一些数据曲线的展现的了。

实现上我们需要把需求和界面拆分,首先我们在一个设计主界面,在住界面上防止一个TableLayout的布局控件,方便我们动态添加每个单一的控件进去。

4、曲线报表具体实现过程及思路

1)设计报表显示主界面

2)设计曲线报表组件

然后设计一个空白的布局FlowLayout控件,用来摆放一个或者多个的曲线报表项目,例如体重曲线、视力曲线、血压曲线等项目的,实现代码如下所示。

        public void BindData()
        {  
           switch (CurveData.CurveType)
            {
                case CurveType.体重:
                    BindWeight();
                    break;
               case CurveType.身长:
                   BindHeight();
                   break;
                case CurveType.脉搏:
                    BindPulse();
                    break;
                case CurveType.血压:
                    BindBlood();
                    break;
                case CurveType.视力:
                    BindSight();
                    break;
               case CurveType.暗适应时间:
                    BindDarkAdapTime();
                    break;
                case CurveType.体温:
                    BindTemperature();
                    break;
                case CurveType.全部:
                    #region 全部
                    if (CurveData.CheckType == CheckType.季度小体检)
                    {
                        BindWeight();
                        BindPulse();
                        BindBlood();
                        BindSight();
                        BindDarkAdapTime();
                    }
                    else if (CurveData.CheckType == CheckType.年度大体检)
                    {
                        BindWeight();
                        BindHeight();
                        BindPulse();
                        BindBlood();
                        BindSight();
                    }
                    else if (CurveData.CheckType == CheckType.飞行前体检)
                    {
                        BindTemperature();
                        BindPulse();
                        BindBlood();
                    }                     
                    break;

                    #endregion
            }
        }
        private void BindWeight()
        {
            DataTable dt = null;
            if (CurveData.CheckType == CheckType.年度大体检)
            {
                dt = BLLFactory<LargeCheckSurgical>.Instance.GetWeightData(CurveData.StartDate,
                    CurveData.EndDate, CurveData.PilotID);
            }
            else if (CurveData.CheckType == CheckType.季度小体检)
            {
                dt = BLLFactory<SmallCheck>.Instance.GetWeightData(CurveData.StartDate,
                    CurveData.EndDate, CurveData.PilotID);
            }

            WeightCurve curve = new WeightCurve();
            curve.CurveData = CurveData;
            curve.dataTable = dt;
            this.layoutPanel1.Controls.Add(curve);
        }

其他代码不在赘述。

3)设计曲线项目组件

由于曲线报表涉及很多展示的项目,每项又有一些不同,因此我们为不同的项目设计一个组件,如体重曲线如下所示,在一个自定义控件上面放置一个ZedGraph组件,设计好这个组件的相关属性和事件。

这个控件默认是英文的,所以如果需要使用中文菜单,需要自己汉化一下代码,然后编译出来自己使用即可。

实现代码如下所示

            GraphPane myPane = zgc.GraphPane;
            myPane.CurveList.Clear();

            // 设置标题及坐标轴的说明
            myPane.Title.Text = string.Format("【{0}】体重曲线", CurveData.PilotName);
            myPane.XAxis.Title.Text = "体检日期";
            myPane.YAxis.Title.Text = "体重(Kg)";

            PointPairList list = new PointPairList();
            foreach(DataRow row in dataTable.Rows)
            {
                DateTime checkDate = Convert.ToDateTime(row["CheckDate"].ToString());
                double x = (double) new XDate(checkDate);
                double y = Convert.ToInt32(row["Weight"].ToString());

                list.Add(x, y);
            }

            LineItem myCurve = myPane.AddCurve("体重", list, Color.Red, SymbolType.Diamond);
            myCurve.Symbol.Fill = new Fill(Color.White);

4)设计图表打印模块

打印的时候,需要自己在打印原件上进行图形的绘制,这一个是比较复杂的调试过程,开始总是想着是否可以把控件打印出来就OK,可是这种操作,一旦界面遮挡,就打印不出实际的效果了,所以只好类似绘图一样,使用自定义绘制方式。

这样我计算好每个控件的大小尺寸(包括Lable控件、曲线图表控件),然后挨着绘制即可,主要代码如下所示。

        protected virtual void DrawRow(BrickGraphics graph, int rowIndex, int col, Control ctrl, float left)
        {
            graph.BackColor = Color.White;

            RectangleF bounds = new RectangleF(left, 0, ctrl.Width, ctrl.Height);
            bounds.Y = (rowIndex - 1) * bounds.Height;

            if (ctrl is Label)
            {
                TextBrick brick = graph.DrawString(ctrl.Text, bounds);
                brick.HorzAlignment = DevExpress.Utils.HorzAlignment.Center;
                brick.VertAlignment = DevExpress.Utils.VertAlignment.Center;
                const int LeftPadding = 4;
                brick.Padding = new PaddingInfo(LeftPadding, brick.Padding.Right, brick.Padding.Top, brick.Padding.Bottom);
            }
            else
            {
                int width = ctrl.Size.Width;
                int height = ctrl.Size.Height;
                Bitmap bm = new Bitmap(width, height);
                ctrl.DrawToBitmap(bm, new Rectangle(0, 0, width, height));

                ImageBrick brick = graph.DrawImage(bm, bounds);
                brick.SizeMode = ImageSizeMode.ZoomImage;
            }
        }

好了,整个曲线报表的显示效果及实现思路及部分核心代码,都已经介绍完毕了,在整个过程中,除了经验外,我觉得最重要的就是要细心、耐心及用心,项目开发就是把各种技巧、各种思路都集中起来,才可以快速高效的开发出高质量、客户反映好的项目出来。

本文转自博客园伍华聪的博客,原文链接:Winform开发框架之数据曲线报表,如需转载请自行联系原博主。



目录
相关文章
|
1月前
|
数据可视化 JavaScript 前端开发
光芒绽放:妙用“GLAD原则”打造标准的数据可视化图表
光芒绽放:妙用“GLAD原则”打造标准的数据可视化图表
44 2
|
3月前
|
数据可视化 前端开发
这套可视化大屏,看似很复杂,其实。。
这套可视化大屏,看似很复杂,其实。。
|
6月前
|
数据可视化 数据挖掘
数据分享|spss modeler用贝叶斯网络分析糯稻品种影响因素数据可视化
数据分享|spss modeler用贝叶斯网络分析糯稻品种影响因素数据可视化
|
缓存 监控 算法
利用可视化分析算法解析电脑屏幕监控软件性能瓶颈
想要通过可视化分析算法优化电脑屏幕监控软件性能嘛,有点复杂但还是挺关键的。提高软件的效率、减少资源占用,并提供更好的用户体验。以下是一些步骤,可以通过可视化分析算法帮助您优化电脑屏幕监控软件的性能——
168 3
|
算法 前端开发 JavaScript
接口测试平台番外:正交工具过滤功能-3 (难到爆炸)
接口测试平台番外:正交工具过滤功能-3 (难到爆炸)
接口测试平台番外:正交工具过滤功能-3 (难到爆炸)
|
数据可视化
ggcor | 相关分析和可视化的扩展工具
ggcor | 相关分析和可视化的扩展工具
653 0
ggcor | 相关分析和可视化的扩展工具
|
数据可视化
Tableau可视化之多变条形图
导读:上篇Tableau可视化之多变折线图一文中,介绍了Tableau折线图的几种花样作图方法,今天本文继续就另一个基本可视化图表——条形图的制图及变形进行介绍。
470 0
Tableau可视化之多变条形图
|
数据可视化 定位技术
Tableau可视化之多变饼图
导读:前几篇文章分别对应用Tableau制作折线图、条形图、可视化地图进行了介绍,本文介绍另一大可视化图表利器——饼图。尤其是最后给出了玫瑰图制作方法。
555 0
Tableau可视化之多变饼图
|
JSON 缓存 前端开发
ThingJS:如何高效开发热力图,和甲方更加亲密?
热力图实际上它等同于我们常说的密度图,ThingJS让你高效开发热力图,和甲方更加亲密。
ThingJS:如何高效开发热力图,和甲方更加亲密?
下一篇
无影云桌面