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

2022-10-19,,,,

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

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

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

一、HighCharts数据统计


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

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

         function HChartsResize(obj,_height,_width) {
var H_width;
if (flag == ) {
H_width= $('.box-content').width() + _width;
} else {
H_width = _width;
}
var month = <%=strmonth %> + " 月份"; //月份
var V_Data = <%=sbDate %>;
var V_DataCount = <%=sbDateCount %>;
chart = new Highcharts.Chart({
chart: {
renderTo: obj, //放置图表的容器
plotBackgroundColor: "#fff",
plotBorderWidth: null,
width: H_width,
height: _height,
defaultSeriesType: 'column' //图表类型line, spline, area, areaspline, column, bar, pie, scatter
},
title: {
text: '柱状图'
},
xAxis: {//X轴数据
categories: V_Data,
labels: {
rotation: -, //字体倾斜
align: 'right',
style: { font: 'normal 13px 宋体' }
}
},
yAxis: {//Y轴显示文字
title: {
text: '登录量统计'
}
},
tooltip: {
enabled: true,
formatter: function () {
return '<b>' + this.x + '号</b><br/>' + this.series.name + ': ' + Highcharts.numberFormat(this.y, ) + "次";
}
},
plotOptions: {
column: {
dataLabels: {
enabled: true
},
enableMouseTracking: true//是否显示title
}
},
series: [{
name: month,
data: V_DataCount
}]
});
}

二、StimulSoft Report 数据统计


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

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

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

基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计(Ⅳ)的相关教程结束。

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

下载本文的Word格式文档,以方便收藏与打印。