基于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 官網了解。