原文出自：http://blog.csdn.net/makang456/article/details/52873121

【效果】

【实例】

一、html代码

[html]view
plain copy
 
<span style="font-family:KaiTi_GB2312;font-size:18px;">-  

    <!--整体div-->  

    <div id="zhengti"  style="width:900px;margin: 0 auto;margin-bottom: 10px;margin-top: 40px;">  

         <!--图形div visible="false"-->  

         <div  id="main"  style="width:800px;height:450px; float:left; display:inline; margin-bottom:30px;"></div>  

        <br />  

         <!--列表div-->  

         <div id="editor-grid" style=" border-top:none; width:800px;height:300px;"></div>  

    </div>   

-</span>

二、js代码

[javascript]view
plain copy
 
<span style="font-family:KaiTi_GB2312;font-size:18px;">-  

         //页面刷新的方法加载  

         $(document).ready(function () {  

             //获取隐藏控件中的值  

             var rejctphenomenontypename = "";  

             //准备数据  

             var json;  

             $.ajax({  

                 url: '../ashx/chartashx/reject_belongs_system_charts.ashx?cmd=cmd&rejctphenomenontypename=' + rejctphenomenontypename,  

                 type: 'post',  

                 dataType: 'json',  

                 async: false,  

                 success: function (data) {  

                     json = data;  

                 }, error: function (data) {  

                     alert("加载失败，请联系管理员！");  

                 }  

             });  

             loadcharts(json);  

             loadList(json);  

             document.title = "问题汇总";  

         });  

         //展示图标function  

         function loadcharts(json) {  

             //图表展示  

             var myChart1 = echarts.init(document.getElementById('main'));  

             option = {  

                 //图表标题    

                 title: {  

                     text: "子系统不合格品问题统计", //正标题    

                     x: "center", //标题水平方向位置    

                     //正标题样式    

                     textStyle: {  

                         fontSize: 20  

                     },  

                     //副标题样式    

                     subtextStyle: {  

                         fontSize: 12,  

                         color: "red"  

                     }  

                 },  

                 tooltip: {  

                     trigger: 'axis',  

                     axisPointer: {            // 坐标轴指示器，坐标轴触发有效  

                         type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'  

                     }  

                 },  

                 //工具箱配置    

                 toolbox: {  

                     show: true,  

                     feature: {  

                         mark: { show: true }, // 辅助线标志，上图icon左数1/2/3，分别是启用，删除上一条，删除全部    

                         dataView: { show: true, readOnly: false },// 数据视图，上图icon左数8，打开数据视图    

                         magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },// 图表类型切换，当前仅支持直角系下的折线图、柱状图转换，上图icon左数6/7，分别是切换折线图，切换柱形图    

                         restore: { show: true }, // 还原，复位原始图表，上图icon左数9，还原    

                         saveAsImage: { show: true } // 保存为图片，上图icon左数10，保存    

                     }  

                 },  

                 //图例内容以及位置  

                 legend: {  

                     //加载图例内容，这里json.a是对应的数组元素  

                     data: json.tuli,  

                     y: "bottom"  

                 },  

                 grid: {  

                     left: '0%',  

                     right: '0%',  

                     bottom: '20%',  

                     containLabel: true  

                 },  

                 //x轴的数据  

                 xAxis: [  

                     {  

                         axisLabel: {  

                             rotate: 60,  

                             interval: 0  

                         },  

                         type: 'category',  

                         //加载x轴的数据，这里  

                         //data: ['部门1', '部门2', '部门3', '部门4'],  

                         data: json.xzhou,  

                         name: "部门"  

                     }  

                 ],  

                 //y轴的数据  

                 yAxis: [  

                     {  

                         type: 'value',  

                         name: "数值"  

                     }  

                 ],  

                 //图中的数据，这里是通过匹配的来的！  

                 series: json.tushuju  

             };  

             //将配置好的图加载到div中  

             myChart1.setOption(option);  

             //单击穿透  

             myChart1.on('click', function (param) {  

                 var rejectbelongssystemname = param.name;  

                 //window.open("reject_phenomenon_type_charts.aspx?rejectbelongssystemname=" + rejectbelongssystemname);  

                 window.open("reject_phenomenon_type_charts1.aspx?rejectbelongssystemname=" + rejectbelongssystemname, 'newwindow', 'height=672,width=1182,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no, location=no,status=no')  

             });  

         }  

         //加载列表function  

         function loadList(json) {  

             var columns = [json.listbiaotou];  

             //gridData属性  

             InitGrid = {  

                 //nowrap: true,  

                 //autoRowHeight: true,  

                 striped: true,  

                 singleSelect: true,  

                 // url: Init.url + '&cmd=list',  

                 //data: [{ "Id": 1, "region": "8号线", "SR": 100, "ST": 80 }, { "Id": 2, "region": " 北京亦庄线", "SR": 40, "ST": 80 }, { "Id": 3, "region": " 重庆3号线", "SR": 30, "ST": 80 }, { "Id": 4, "region": " 成都3号线", "SR": 10, "ST": 80 }, { "Id": 5, "region": " 大连线", "SR": 10, "ST": 80 }],  

                 data: json.listshuju,  

                 fitColumns: true,  

                 idField: 'Id',  

                 pagination: true,  

                 rownumbers: true,  

                 pageSize: 10,  

                 pageList: [5, 10, 15, 20, 50, 80, 200],  

                 //toolbar: toolbar,  

                 columns: columns,  

                 // fit: true,  

                 //border: true  

             }  

             //创建数据表格  

             dataGrid = $("#editor-grid").datagrid(InitGrid);  

         }  

-</span>

三、一般处理程序代码

[csharp]view
plain copy
 
<span style="font-family:KaiTi_GB2312;font-size:18px;">-  

#region 3、子系统不合格品问题统计-马康-2016年9月28日17:16:23  

        /// <summary>  

        /// 3、子系统不合格品问题统计-马康-2016年9月28日17:16:23  

        /// </summary>  

        /// <returns></returns>  

        private string queryList(string rejctphenomenontypename)  

        {  

            //实例化BLL层  

            ProblemSpotBLL problemspotbll = new ProblemSpotBLL();  

            //查询数据  

            DataSet projectProblemList = problemspotbll.queryrejectbelongssystemList(rejctphenomenontypename);  

            DataTable tables2 = new DataTable();  

            tables2.Columns.Add("producttype", typeof(String));  

            DataRow row = tables2.NewRow();  

            row["producttype"] = "不合格品";  

            tables2.Rows.Add(row);  

            projectProblemList.Tables.Add(tables2);  

            StringBuilder sb = new StringBuilder();  

            String resultStr = "";  

            if (projectProblemList.Tables.Count > 0)  

            {  

                //总括号  

                sb.Append("{");  

                #region 1、图例项对象数组  

                //第一个图例项对象数组  

                sb.Append("\"tuli\":[");  

                for (int i = 0; i < projectProblemList.Tables[2].Rows.Count; i++)  

                {  

                    sb.Append("\"" + projectProblemList.Tables[2].Rows[i][0] + "\",");  

                }  

                sb.Remove(sb.Length - 1, 1);  

                sb.Append("],");  

                #endregion  

                #region 2、x轴中的项目  

                //第一个图例项对象数组  

                sb.Append("\"xzhou\":[");  

                for (int i = 0; i < projectProblemList.Tables[1].Rows.Count; i++)  

                {  

                    sb.Append("\"" + projectProblemList.Tables[1].Rows[i][0] + "\",");  

                }  

                sb.Remove(sb.Length - 1, 1);  

                sb.Append("],");  

                #endregion  

                #region 3、图中的数据  

                //第一个图例项对象数组  

                sb.Append("\"tushuju\":[");  

                //最外层循环，循环项目  

                for (int i = 0; i < projectProblemList.Tables[2].Rows.Count; i++)  

                {  

                    sb.Append("{");  

                    sb.Append("\"name\":\"" + projectProblemList.Tables[2].Rows[i][0] + "\",");  

                    sb.Append("\"type\":\"bar\",");  

                    sb.Append("\"data\":[");  

                    //定义一个临时数组，来存储下面要获得的数据  

                    int[] arraylist = new int[projectProblemList.Tables[1].Rows.Count];  

                    //根据项目匹配总数据中的值  

                    for (int j = 0; j < projectProblemList.Tables[0].Rows.Count; j++)  

                    {  

                        //如果有相等的值，则进入循环部门(这里肯定会至少有一个项目名称与之匹配，因为项目名称是根据这个datatable去重筛选出来的)  

                        string adsf = projectProblemList.Tables[0].Rows[j][1].ToString();  

                        string asdfasdf = projectProblemList.Tables[2].Rows[i][0].ToString();  

                        if (projectProblemList.Tables[0].Rows[j][1].ToString() == projectProblemList.Tables[2].Rows[i][0].ToString())  

                        {  

                            //通过循环产品，向数组中加入内容  

                            for (int k = 0; k < projectProblemList.Tables[1].Rows.Count; k++)  

                            {  

                                if (projectProblemList.Tables[1].Rows[k][0].ToString() == projectProblemList.Tables[0].Rows[j][0].ToString())  

                                {  

                                    arraylist[k] = (int)projectProblemList.Tables[0].Rows[j][2];  

                                }  

                            }  

                        }  

                    }  

                    //循环将数组拼接到字符串中  

                    for (int k = 0; k < arraylist.Length; k++)  

                    {  

                        sb.Append("\"" + arraylist[k] + "\",");  

                    }  

                    sb.Remove(sb.Length - 1, 1);  

                    sb.Append("]");  

                    sb.Append("},");  

                }  

                sb.Remove(sb.Length - 1, 1);  

                sb.Append("],");  

                #endregion  

                #region 4、列表中的表头  

                double kuandu = (800 - 30) / (projectProblemList.Tables[1].Rows.Count + 1) - 3;  

                //第一个图例项对象数组  

                sb.Append("\"listbiaotou\":[");  

                sb.Append("{");  

                sb.Append("\"field\":\"id\",");  

                sb.Append("\"hidden\":\"true\"");  

                sb.Append("},");  

                sb.Append("{");  

                sb.Append("\"field\":\"region\",");  

                sb.Append("\"title\":\"项目\",");  

                sb.Append("\"align\":\"center\",");  

                sb.Append("\"width\":\"" + kuandu + "\"");  

                sb.Append("},");  

                for (int i = 0; i < projectProblemList.Tables[1].Rows.Count; i++)  

                {  

                    sb.Append("{");  

                    sb.Append("\"field\":\"" + projectProblemList.Tables[1].Rows[i][0] + "\",");  

                    sb.Append("\"title\":\"" + projectProblemList.Tables[1].Rows[i][0] + "\",");  

                    sb.Append("\"align\":\"center\",");  

                    sb.Append("\"width\":\"" + kuandu + "\"");  

                    sb.Append("},");  

                }  

                sb.Remove(sb.Length - 1, 1);  

                sb.Append("],");  

                #endregion  

                #region 5、列表中的数据  

                //第一个图例项对象数组  

                sb.Append("\"listshuju\":[");  

                //最外层循环，循环项目  

                for (int i = 0; i < projectProblemList.Tables[2].Rows.Count; i++)  

                {  

                    sb.Append("{");  

                    sb.Append("\"id\":\"" + i + "\",");  

                    sb.Append("\"region\":\"" + projectProblemList.Tables[2].Rows[i][0] + "\",");  

                    //定义一个临时数组，来存储下面要获得的数据  

                    int[] arraylist = new int[projectProblemList.Tables[1].Rows.Count];  

                    //根据项目匹配总数据中的值  

                    for (int j = 0; j < projectProblemList.Tables[0].Rows.Count; j++)  

                    {  

                        //如果有相等的值，则进入循环部门(这里肯定会至少有一个项目名称与之匹配，因为项目名称是根据这个datatable去重筛选出来的)  

                        string adsf = projectProblemList.Tables[0].Rows[j][1].ToString();  

                        string asdfasdf = projectProblemList.Tables[2].Rows[i][0].ToString();  

                        if (projectProblemList.Tables[0].Rows[j][1].ToString() == projectProblemList.Tables[2].Rows[i][0].ToString())  

                        {  

                            //通过循环部门，向数组中加入内容  

                            for (int k = 0; k < projectProblemList.Tables[1].Rows.Count; k++)  

                            {  

                                if (projectProblemList.Tables[1].Rows[k][0].ToString() == projectProblemList.Tables[0].Rows[j][0].ToString())  

                                {  

                                    arraylist[k] = (int)projectProblemList.Tables[0].Rows[j][2];  

                                }  

                            }  

                        }  

                    }  

                    //循环将数组拼接到字符串中  

                    for (int k = 0; k < projectProblemList.Tables[1].Rows.Count; k++)  

                    {  

                        sb.Append("\"" + projectProblemList.Tables[1].Rows[k][0] + "\":\"" + arraylist[k] + "\",");  

                    }  

                    sb.Remove(sb.Length - 1, 1);  

                    sb.Append("},");  

                }  

                sb.Remove(sb.Length - 1, 1);  

                sb.Append("]");  

                #endregion  

                //最后的括号！  

                sb.Append("}");  

                resultStr = sb.ToString();  

            }  

            return resultStr;  

        }  

        #endregion  

-</span>

四、BLL层代码

[csharp]view
plain copy
 
<span style="font-family:KaiTi_GB2312;font-size:18px;">-  

#region 最终报表3、子系统不合格品问题统计-马康-2016年9月28日17:16:23  

        /// <summary>  

        /// 最终报表3、子系统不合格品问题统计-马康-2016年9月28日17:16:23  

        /// </summary>  

        /// <returns></returns>  

        public DataSet queryrejectbelongssystemList(string rejctphenomenontypename)  

        {  

            return dal.GetrejectbelongssystemList(rejctphenomenontypename);  

        }  

        #endregion   

-</span>

五、DAL层代码

[csharp]view
plain copy
 
<span style="font-family:KaiTi_GB2312;font-size:18px;">-  

 #region 最终报表3、子系统不合格品问题统计-马康-2016年9月28日17:16:23  

        /// <summary>  

        /// 3、子系统不合格品问题统计-马康-2016年9月28日17:16:23  

        /// </summary>  

        /// <returns></returns>  

        public DataSet GetrejectbelongssystemList(string rejctphenomenontypename)  

        {  

            StringBuilder builder = new StringBuilder();  

            if (rejctphenomenontypename =="")  

            {  

                //总数据  

                builder.Append(" SELECT sELECT3,replace(IsActive,'1','不合格品'),COUNT(sELECT3) num FROM Pts_Problems WHERE ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250) AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3,IsActive ");  

                //所属系统个数  

                builder.Append("   SELECT DISTINCT(sELECT3) FROM Pts_Problems WHERE ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250) AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3  ");  

            }  

            else  

            {  

                //总数据  

                builder.Append(" SELECT sELECT3,replace(IsActive,'1','不合格品'),COUNT(sELECT3) num FROM Pts_Problems WHERE ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250)  and MultiSelect1 = '" + rejctphenomenontypename + ";' AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3,IsActive ");  

                //所属系统个数  

                builder.Append("   SELECT DISTINCT(sELECT3) FROM Pts_Problems WHERE ProjectID IN (197, 29) AND ProblemStateID NOT IN (1870, 250) AND Select3 IN ('VOBC子系统','DCS子系统','ATS子系统','MSS子系统','CI子系统','ZC/DSU子系统')  GROUP BY sELECT3  ");  

            }  

            return SqlHelper.ExecuteDataset(sqlConnstring, CommandType.Text, builder.ToString());  

        }  

-</span>

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

Apache中设置虚拟主机的URL重写功能
服务器被重装，我负责的模块很多都调不通，特别是涉及到很多url重写功能的，赶紧看看为什么。打开 /usr/local/apache/conf/httpd.conf 配置文件，找到我那个虚拟主机的配置： <VirtualHost *:80> ServerAdmin heiyeluren@unixsky.net DocumentRoot …...
2024/4/15 6:28:07
IOS学习之导航栏
iOS7下改变UINavigationBar颜色if (floor(NSFoundationVersionNumber) <= NSFoundationVersionNumber_iOS_6_1) { // Load resources for iOS 6.1 or earlier self.navigationController.navigationBar.tintColor = [UIColor brownColor]; } else { …...
2024/4/12 23:19:30
机器学习2——python读写excel表格
昨天看的书，太困了，没写继续kNN算法，numpy函数库的几个方法 1. random.rand(4,3)随机生成一个4*3的矩阵 2. mat(random.rand(4,3))生成的是一个矩阵 3. a=mat(random.rand(4,3)), a.I 为矩阵A的逆矩阵 4. 直接生成一个矩阵 A = matrix([ [1,2,3],[4,3,5],[5,7,3] ]) 5.p…...
2024/4/8 21:07:10
Android-UI控件的绘制流程以及自定义控件的具体操作
View视图安卓应用中非常重要的组成部分，它不仅是构成应用界面的基本单元，还是与用户交互的最直接对象。视图View作为界面的基本元素，是由View System进行管理的。在Android中，视图控件主要被分成两大类，一类是单一控件View，另外一类是可以包含并管理子控件的ViewGroup，…...
2024/4/8 21:07:09
Ubuntu关闭（重启）网络服务命令
Ubuntu关闭网络服务命令： service network-manager stop重启网络服务命令： service network-manager restart参考：http://blog.csdn.net/u010921682/article/details/53112580...
2024/4/20 11:24:30
DAY5-常用模块
一 time与datetime模块二、random模块三、os模块四、sys模块五 shutil模块六 json&pickle模块七 shelve模块八 xml模块九 configparser模块十 hashlib模块十一 suprocess模块十二 logging模块十三 re模块一 time与datetime模块在Python中，通常有这几种方式来…...
2024/5/3 22:14:50
使用Apache的rewrite技术
使用Apache的rewrite技术做PHP项目中需要用到URL重定向技术，基本上的需求就是把比如 /user/heiyeluren 重定向到 /user.php?uid=heiyeluren 之类的URL上，当然，你也可以把 /article/200707291011.html重定向到 /article.php?id=200507291011 之类的，模拟好像是静态页面，…...
2024/5/3 19:26:31
python 机器学习库 —— featuretools（自动特征工程）
文档：https://docs.featuretools.com/#minute-quick-start所谓自动特征工程，即是将人工特征工程的过程自动化。以 featuretools 为代表的自动特征工程在整个机器学习的端到端实践中扮演的角色如下图所示：1. demo导入包：import featuretools as ft 加载数据：data = ft.demo…...
2024/4/12 23:19:25
小米手机指令大全
*#*#64663#*#*综合测试指令*#*#4636#*#* 显示手机信息、电池信息、电池记录、使用统计数据、WiFi信息 *#*#7780#*#* 重设为原厂设定，不会删除预设程序，及SD卡档案。 *2767*3855# 重设为原厂设定，会删除SD卡所有档案。 *#*#34971539#*#* 显示相机相机韧体版本，或更新…...
2024/4/20 10:15:49
IOS学习之 UITabBar
修改tabBarItem 默认图片和选中时的图片UITabBarItem* item1 = [self.tabBar.items objectAtIndex:0];item1.p_w_picpath = [[UIImage p_w_picpathNamed:@"icon_video"] p_w_picpathWithRenderingMode:UIImageRenderingModeAlwaysOriginal];item1.selectedImage = […...
2024/4/13 6:03:03
Apache rewrite URL静态化配置与参数详解
RewriteEngine On|Off RewriteEngine 可用On 或者 Off 打开或关闭rewrite功能。rewrite configurations 不会继承，所以你得给每个你想用 rewrite功能的virtual host加上这个指令。 RewriteBase URL-path RewriteBase指令显式地设置了目录级重写的基准URL。在下文中，你可以看见…...
2024/4/19 11:47:52
Android小白的学习之路
本人作为一名android小白初次写博客，不好之处请多多包含，欢迎各位大神指点迷津..... 初次接触android不管是从学校还是培训机构出来的，最先接触的知识肯定是安装开发工具了（Android Studio），这里就不再详细介绍了（百度一大堆）,其次就是学习工具的使用，比如一些常用的快…...
2024/4/12 23:19:25
Python机器学习：4.9 利用随机森林评估特征重要性
在前面一节，你学习了如何利用L1正则将不相干特征变为0，使用SBS算法进行特征选择。另一种从数据集中选择相关特征的方法是利用随机森林。随机森林能够度量每个特征的重要性，我们可以依据这个重要性指标进而选择最重要的特征。sklearn中已经实现了用随机森林评估特征重要性，在…...
2024/5/3 19:05:41
Apache - url_rewrite - 改变查询参数的设定位置
Apache - url_rewrite - 改变查询参数的设定位置如下的.access文件RewriteEngine on RewriteRule ^info/(/d+)-(/d+)-(/d+)/.html dispbbs.php/?boarid=$1/&id=$2/&page=$3 [L] 可以把如下形式的url info/1-2-3.html 改写为如下形式 dispbbs.php?boardid=1&id=…...
2024/4/12 23:19:20
计算机常用命令大全
regedit.exe 注册表 gpedit.msc 组策略 services.msc 服务命令 c:\>ntsd -c q -p PID 关进程 tasklist 查进程 net user 查找用户 net user 用户名密码更改用户密码 net user /add 用户名密码创建…...
2024/4/24 10:18:32
25 python socket网络编程
一客户端/服务器架构 1.硬件C/S架构(打印机) 2.软件C/S架构互联网中处处是C/S架构如黄色网站是服务端，你的浏览器是客户端（B/S架构也是C/S架构的一种）腾讯作为服务端为你提供视频，你得下个腾讯视频客户端才能看它的视频）C/S架构与socket的关系：我们学习socket就是为了完…...
2024/4/12 23:19:00
安卓开源项目周报0329
由OpenDigg 出品的安卓开源项目周报第十四期来啦。我们的安卓开源周报集合了OpenDigg一周来新收录的优质的安卓开源项目，方便安卓开发人员便捷的找到自己需要的项目工具。android-PictureInPicture 演示手持设备画中画模式AppMethodOrder 了解所有函数调用顺序AutoplayVideos …...
2024/4/19 15:34:37
机器学习算法与Python实践之（六）二分k均值聚类
机器学习算法与Python实践之（六）二分k均值聚类zouxy09@qq.comhttp://blog.csdn.net/zouxy09 机器学习算法与Python实践这个系列主要是参考《机器学习实战》这本书。因为自己想学习Python，然后也想对一些机器学习算法加深下了解，所以就想通过Python来实现几个比较常用…...
2024/4/19 12:35:20
Apache - 相关软件 - 10-Strike.Log-Analyzer.v1.5
Apache - 相关软件 - 10-Strike.Log-Analyzer.v1.5 10-Strike Log-Analyzer processes raw log files (NCSA common and extended formats) which are created by web-servers (such as Apache, etc) and generates many types of reports and histograms …...
2024/4/16 21:21:06
Ubuntu 配置网络命令
以eth0为例1. 以DHCP方式配置网卡编辑文件： /etc/network/interfaces:sudo vi /etc/network/interfaces并用下面的行来替换有关eth0的行:# The primary network interface, # use DHCP to find our address auto eth0 iface eth0 inet dhcp用下面的命令使网络设置生效:su…...
2024/4/20 7:57:31

ECharts制作报表模板--.NET

【效果】

【实例】

一、html代码

二、js代码

三、一般处理程序代码

四、BLL层代码

五、DAL层代码

相关文章

最新文章