基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计(Ⅳ)

上篇《基于WebForm+EasyUI的业务管理系统形成之旅 -- 首页快捷方式》，主要介绍通过添加首页快捷方式，快速进入各个应用菜单功能.

将常用的菜单功能作为快捷方式，避免由于寻找诸多的菜单树，浪费时间。在添加页面时根据人员权限不同，左侧功能菜单节点不同。

本篇将介绍系统中数据统计所采用的工具。

一、HighCharts数据统计

登录量统计，如下图所示。

通过HighCharts统计人员登录系统次数，代码如下

 1         function HChartsResize(obj,_height,_width) { 2             var H_width; 3             if (flag == 0) { 4                 H_width= $('.box-content').width() + _width; 5             } else { 6                 H_width = _width; 7             } 8             var month = <%=strmonth %> + " 月份"; //月份  9             var V_Data = <%=sbDate %>; 10             var V_DataCount = <%=sbDateCount %>; 11             chart = new Highcharts.Chart({ 12                 chart: { 13                     renderTo: obj,          //放置图表的容器 14                     plotBackgroundColor: "#fff", 15                     plotBorderWidth: null, 16                     width: H_width,17                     height: _height,18                     defaultSeriesType: 'column'   //图表类型line, spline, area, areaspline, column, bar, pie, scatter 19                 }, 20                 title: { 21                     text: '柱状图' 22                 }, 23                 xAxis: {//X轴数据 24                     categories: V_Data, 25                     labels: { 26                         rotation: -45, //字体倾斜 27                         align: 'right', 28                         style: { font: 'normal 13px 宋体' } 29                     } 30                 }, 31                 yAxis: {//Y轴显示文字 32                     title: { 33                         text: '登录量统计' 34                     } 35                 }, 36                 tooltip: { 37                     enabled: true, 38                     formatter: function () { 39                         return '<b>' + this.x + '号</b><br/>' + this.series.name + ': ' + Highcharts.numberFormat(this.y, 0) + "次";40                     } 41                 }, 42                 plotOptions: { 43                     column: { 44                         dataLabels: { 45                             enabled: true 46                         }, 47                         enableMouseTracking: true//是否显示title 48                     } 49                 }, 50                 series: [{ 51                     name: month, 52                     data: V_DataCount 53                 }] 54             });55             } 

二、StimulSoft Report 数据统计

计划执行数据统计情况，如图所示

将统计数据作为详细数据筛选条件跳转到详细数据

详细操作可以登录Stimulsoft Report 官网了解。