Echar柱状堆叠图X轴自定义显示功能

最新推荐文章于 2022-10-08 09:04:15 发布
最新推荐文章于 2022-10-08 09:04:15 发布
阅读量1.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq873113580/article/details/106631231
版权

上效果图，这个功能在echar中是不自带的

源代码

<%@ page language="java" import="java.util.*"  pageEncoding="utf-8"%>
<%@page import="cn.com.victorysoft.eaf.authority.exposure.AppUser"%>
<%@page import="cn.com.victorysoft.bussiness.AuthorityUtil"%>

<%@page import="cn.com.victorysoft.eaf.util.DateUtil"%>
<%@page import="com.util.*"%>
<%@page import="com.util.StringUtil"%>
<%@page import="com.xtgs.service.IProcess"%>
<%@page import="cn.com.victorysoft.eaf.container.manager.BusinessManager"%>
<%@taglib prefix="vs" uri="/vseaf-tags" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

AppUser user = (AppUser)session.getAttribute("_userInfo");
//INewsQueueService b = (INewsQueueService) BusinessManager.getService().getBean("INewsQueueService");
//IProcess b = (IProcess) BusinessManager.getService().getBean("com.xtgs.service.impl.ProcessImpl");
//List<NewsQueue> newsList = b.queryNewsLogin(request);
//List<Map> newsList = b.queryDbList(request);
//boolean ifBmLd = YwUtil.matchLocalRole(request,"业务部门经理");
List allCurrentTaskList = TaskList.listAllCurrentTask(user.getLoginName());
boolean isJyglb = UserUtil.isRole(user.getLoginName(),"AFAF30D396A641EBA59026D95AFF3703");
boolean isGsld =  UserUtil.isRole(user.getLoginName(), "F90A37970FC0423293F98D12B8982C84");
%>

<!DOCTYPE html>
<html lang="en">

<head>


<meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">

    <title>SB Admin 2 - Bootstrap Admin Theme</title>

    <!-- Bootstrap Core CSS -->
    <link href="dashboard/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="dashboard/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="dashboard/dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="dashboard/vendor/morrisjs/morris.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="dashboard/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="<%=basePath%>js/util.js?v=3"></script>
    <!-- jQuery -->
    <script src="dashboard/vendor/jquery/jquery.min.js"></script>

     <!-- Bootstrap Core JavaScript -->
    <script src="dashboard/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="dashboard/vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="dashboard/dist/js/sb-admin-2.js"></script>
	<script src="<%=basePath %>js/echarts.js"></script>
    <script src="<%=basePath %>iconfont/iconfont.js"></script>
    <style>
        #depShow .checkbox,#depShow2 .checkbox{display:inline-block; height:30px;margin-right: 10px;}
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
	<style>
		 .column1{
            background-color: #3B5998;
            border: 1px solid #DDDDDD;

        }
        .column2{
            background-color: #00A0D1;
            border: 1px solid #DDDDDD;

        }
        .column3{
            background-color: #DB4A39;
            border: 1px solid #DDDDDD;

        }
        .column4{
            background-color: #205081;
            border: 1px solid #DDDDDD;

        }
        .column5{
            background-color: #0080ff;
            border: 1px solid #DDDDDD;

        }
        .column6{
            background-color: #a08f47;
            border: 1px solid #DDDDDD;

        }
        .column7{
            background-color: #826953;
            border: 1px solid #DDDDDD;

        }
        .column8{
            background-color: #dcc042;
            border: 1px solid #DDDDDD;

        }
         .column9{
            background-color: #647b07;
            border: 1px solid #DDDDDD;

        }
         .column100{
             background-color: #ffffff;
             border: 1px solid #DDDDDD;

         }
        .mul{  list-style: none; margin-top: 10px; padding-left: 10px;}
        .mul li{ float: left; margin-right: 10px; cursor: pointer;}
         .mul li p{text-align: center; }
	</style>

</head>

<body>


    <div id="wrapper" style="margin-top:20px;">



        <div id="page-wrapper" style="margin:0px;">

            <!-- /.row -->
            <div class="row">
             <%
					String titleDesc="";
					String urlDesc="";
					String url="";
					String show="";
					String titleId="";
					String time="";

					for(int i=0;i<allCurrentTaskList.size();i++){
						Map map=null;
						if(i<allCurrentTaskList.size()){
							map=(Map)allCurrentTaskList.get(i);
						}
						titleDesc=map==null?"":map.get("name")+"";
						urlDesc=map==null?"":""+map.get("count");
						url=map==null?"":(String)map.get("url");
						show=map==null?"":"<a href='"+url+"'  style='color:#FFFFFF;font-size:40px;'>"+urlDesc+"</a>";
						if(show==""){
							show="<a href='"+url+"'  style='color:#FFFFFF;font-size:40px;'>"+"0"+"</a>";
						}
						if(titleDesc==""){
							titleDesc="暂无";
						}
				%>
            		  <!-- 循环这个Start-->

                <div class="col-lg-2 col-md-2">
                <!-- 目前可选颜色panel-primary, panel-green,  panel-yellow,panel-red-->
                    <div class="panel column<%=i+1 %>">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                   <!--  <i class="fa fa-comments fa-5x"></i>-->

                        		<img src="<%=basePath %>images/main<%=i+1 %>.png" style="width:85px;height:75px;">

                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge"><%=show %></div>
                                    <!-- <div>subtitle</div> -->
                                </div>
                            </div>
                        </div>
                        <a href="<%=url%>">
                            <div class="panel-footer">
                                <span class="pull-left" style="font-size:20px;font-weight:bold;"><%=titleDesc %></span>
                                <span class="pull-right" style="font-size:20px;font-weight:bold;"><i class="fa fa-arrow-circle-right"></i></span>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 循环这个end-->
               <%}%>

            </div>
           <%if(isJyglb){ %>
            <div class="row">
               <div class="col-lg-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <i class="fa fa-bullhorn fa-fw"></i> 证件即将到期
     								 <!-- <div class="pull-right" >
                                         <div class="btn-group">
                                            <button type="button" style="border:none;background:none; vertical-align: middle;" onclick="loadMoreTz()">
                                                	点击查看更多
                                                <span class="caret"></span>
                                            </button>
                                         </div>
                                    </div> -->
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="table-responsive;" style="height: 200px;overflow-y: auto;">
                                                <table id="dynamic-table_zzxx"  class="table table-bordered table-hover table-striped" >
                                                    <thead>
                                                    <tr>
                                                        <th style="text-align: center;width: 5%;" class='txt'>序号</th>
                                                        <th style="text-align: center;width: 20%;"  class='txt'>人员姓名</th>
                                                        <th style="text-align: center;width: 20%;" class='txt'>证件类型</th>
                                                        <th style="text-align: center;width: 20%;" class='txt'>发证时间</th>
                                                        <th style="text-align: center;width: 20%;" class='txt'>到期时间</th>
                                                        <th style="text-align: center;width: 15%;" class='txt'>操作</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="dynamic-table_zzxx_tb">

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
            </div>
            <script type="text/javascript">
            		$(function(){
                        getZzxx();
                    });
            function getZzxx(){
	$.ajax({
	    type: "POST",
	    async: false,
	    url: '<%=basePath%>userbaseinfoZj_ajaxQueryWillExpireSoonUserBaseinfoZzList.action',
	    dataType: "json",
	    success: function(data){
	     $("#dynamic-table_zzxx_tb").empty()
	   		 var json = data;
	    	 var jlength = data.length;
	    	 var trHtml = "";
		    for(var i =1 ; i <=jlength ;i++){
		        trHtml=
		                "<tr>" +
                "<td hidden style='width: 45px;'>"+json[i-1].PKID+"</td>" +
                "<td style='width: 30px;text-align: center;'>"+i+"</td>" +
                "<td style='width: 40px;text-align: center;'>"+json[i-1].NAME+"</td>" +
                "<td style='width: 90px;text-align: center'>"+json[i-1].BMMC+"</td>" +
                "<td style='width: 70px;text-align: center;white-space:nowrap;'>"+json[i-1].FZSJ+"</td>" +
                "<td style='width: 70px;text-align: center;white-space:nowrap;'>"+json[i-1].DQSJ+"</td>" +
                "<td style='width: 120px; text-align: center;'><a style='text-align: center;' href='javascript:goEditZz(\""+json[i-1].PKID+"\")'>修改</a></td>" +
                "</tr>"
		        $("#dynamic-table_zzxx_tb").append(trHtml);
		    }
		   //console.log($("#dynamic-table_zzxx_tb").find("td").length);
		    for(var i = 0 ;i<$("#dynamic-table_zzxx_tb").find("td").length;i++){
		        if($("#dynamic-table_zzxx_tb").find("td")[i].textContent=='null'){
		            $("#dynamic-table_zzxx_tb").find("td")[i].textContent=0;
		        }
		    }
	    }
	});

}

            </script>
            <%} %>


<%if(!isGsld){%>
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-bullhorn fa-fw"></i>功能列表
                        </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <ul class="mul">
                                        <li onclick="goPage('项目立项','xmxx_goQueryGcxmList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-xiangmuguanli"></use>
                                                </svg>
                                            </p>
                                            <p >项目立项</p>
                                        </li>
                                        <li onclick="goPage('合同管理','xmhtxx_goQueryHtList.action?lb=1')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-icon_hetongshangwutiaojianbiao"></use>
                                                </svg>
                                            </p>
                                            <p >合同管理</p>
                                        </li>
                                        <li onclick="goPage('项目结算','xmxx_goQueryGcxmJcList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-calculator1"></use>
                                                </svg>
                                            </p>
                                            <p >项目结算</p>
                                        </li>
                                        <li onclick="goPage('项目变更','xmxx_goQueryGcxmGcbgList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-xinxiangmuguanli"></use>
                                                </svg>
                                            </p>
                                            <p >项目变更</p>
                                        </li>
                                        <li onclick="goPage('项目结项','xmhtxx_goQueryGcxmJxList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-dangan"></use>
                                                </svg>
                                            </p>
                                            <p >项目结项</p>
                                        </li>
                                        <li onclick="goPage('项目费用','xmhtxx_goQueryGcxmList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-bag-yen"></use>
                                                </svg>
                                            </p>
                                            <p >项目费用</p>
                                        </li>
                                        <li onclick="goPage('项目结转','地址')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-shouhuo"></use>
                                                </svg>
                                            </p>
                                            <p >项目结转</p>
                                        </li>
                                        <li onclick="goPage('产值进度','xmjdxx_goQueryGcxmJdczList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-hege"></use>
                                                </svg>
                                            </p>
                                            <p >产值进度</p>
                                        </li>
                                        <li onclick="goPage('工作日志','oagznr_goQueryOaGznrList.action')">
                                            <p>
                                                <svg class="icon" font-size="40px" aria-hidden="true">
                                                    <use xlink:href="#icon-lib1"></use>
                                                </svg>
                                            </p>
                                            <p >工作日志</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="mul">
                                    <li onclick="goPage('采购申请','wzcgsq_goQueryWzsqList.action?type=1')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-tubiaozhizuomoban"></use>
                                            </svg>
                                        </p>
                                        <p >采购申请</p>
                                    </li>
                                    <li onclick="goPage('菜单名字','wzrk_goQueryWzRkbList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-ruku"></use>
                                            </svg>
                                        </p>
                                        <p >物资入库</p>
                                    </li>
                                    <li onclick="goPage('物资入库打印','wzrk_goPrintWzRkbList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-dadanfahuo-ziyoudayin"></use>
                                            </svg>
                                        </p>
                                        <p >入库打印</p>
                                    </li>
                                    <li onclick="goPage('物资出库','wzck_goQueryWzCkbList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-chuku"></use>
                                            </svg>
                                        </p>
                                        <p >物资出库</p>
                                    </li>
                                    <li onclick="goPage('物资出库打印','wzck_goPrintWzCkbList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-dayinji2"></use>
                                            </svg>
                                        </p>
                                        <p >出库打印</p>
                                    </li>
                                    <li onclick="goPage('库存查询','wzbmkc_goQueryWzBmkcbList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-dingdanchaxun"></use>
                                            </svg>
                                        </p>
                                        <p >库存查询</p>
                                    </li>
                                    <li onclick="goPage('采购明细查询','wzcgsqmx_goQueryAllWzsqMxGsLd.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-shixinchaxun"></use>
                                            </svg>
                                        </p>
                                        <p >采购明细查询</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="mul">
                                    <li onclick="goPage('机械费管理','jxf_goQueryJxfDetailList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-in_transit"></use>
                                            </svg>
                                        </p>
                                        <p >机械管理</p>
                                    </li>
                                    <li onclick="goPage('客户管理','xtcus_goXtCustomerList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-kehuguanli1"></use>
                                            </svg>
                                        </p>
                                        <p >客户管理</p>
                                    </li>
                                    <li onclick="goPage('供应商管理','xtcus_goXtCustomerList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-gongyingshangguanli"></use>
                                            </svg>
                                        </p>
                                        <p >供应商管理</p>
                                    </li>
                                    <li onclick="goPage('人员管理','user_goQueryUserBaseinfoList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-zhuanjiaguanli"></use>
                                            </svg>
                                        </p>
                                        <p >人员管理</p>
                                    </li>
                                    <li onclick="goPage('薪酬管理','')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-jinqian-"></use>
                                            </svg>
                                        </p>
                                        <p >薪酬管理</p>
                                    </li>
                                    <li onclick="goPage('劳务费','hrlwyd_goQueryHrLwYdList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-gongren1"></use>
                                            </svg>
                                        </p>
                                        <p >劳务费</p>
                                    </li>

                                    <li onclick="goPage('证件合同到期提醒','userbaseinfoZj_goQueryUserBaseInfoZzList.action')">
                                        <p>
                                            <svg class="icon" font-size="40px" aria-hidden="true">
                                                <use xlink:href="#icon-icon_hetongguanlizhizuo"></use>
                                            </svg>
                                        </p>
                                        <p >证件到期提醒</p>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<%}%>

            <div class="row">
                <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart-o fa-fw"></i>兴通公司入库、出库变化趋势 单位:万元
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div id="morris-line-chart" style="width:100%; height:200px;"></div>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div id="gskchz"></div>

                          <%--  <div class="pull-right" >
                                &lt;%&ndash;<a href="java		script:;" onclick="goBmkcMx()" style="color: black;vertical-align: middle;">点击进入详细数据</a>&ndash;%&gt;
                            </div>--%>
                        </div>
                        <div class="panel-body">
                            <div id="morris-area-chart" style="width:100%; height:200px;"></div>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                </div>
            </div>
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart-o fa-fw"></i>合同签订及结算(含往年合同未履行完毕) 单位:万元 &nbsp;&nbsp;&nbsp;<span id="htxx" style="font-size:14px"> </span>
                            <div class="pull-right">
                                <!-- Single button -->
                                <div class="btn-group">
                                    <button style="position: relative;top:-7px;" type="button" class="btn btn-default"
                                            data-toggle="modal" data-target="#myModal">
                                        部门展示</button>

                                </div>

                                <!--  <div class="btn-group">
                                     <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                                         Actions
                                         <span class="caret"></span>
                                     </button>
                                     <ul class="dropdown-menu pull-right" role="menu">
                                         <li><a href="#">Action</a>
                                         </li>
                                         <li><a href="#">Another action</a>
                                         </li>
                                         <li><a href="#">Something else here</a>
                                         </li>
                                         <li class="divider"></li>
                                         <li><a href="#">Separated link</a>
                                         </li>
                                     </ul>
                                 </div> -->
                            </div>
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div id="morris-line-chart-s" style="width:100%; height:200px;"></div>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart-o fa-fw"></i>各部门今年、往年合同签订及结算。(往年合同状态为已签) 单位:万元 &nbsp;&nbsp;&nbsp;
                            <div class="pull-right">
                                <button style="position: relative;top:-7px;" type="button" class="btn btn-default"
                                        data-toggle="modal" data-target="#myModal2">
                                    部门展示</button>
                            </div>
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div id="morris-line-chart-depid" style="width:100%; height:200px;"></div>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                      <div class="row">
               <div class="col-lg-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <i class="fa fa-bullhorn fa-fw"></i> 合同即将结束 但项目还处于施工状态
     								 <!-- <div class="pull-right" >  
                                         <div class="btn-group">
                                            <button type="button" style="border:none;background:none; vertical-align: middle;" onclick="loadMoreTz()">
                                                	点击查看更多
                                                <span class="caret"></span>
                                            </button>
                                         </div>
                                    </div> -->
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="table-responsive;" <%--style="height: 600px;overflow-y: auto;"--%>>
                                                <table id="dynamic-table_htxx"  class="table table-bordered table-hover table-striped" >
                                                    <thead>
                                                    <tr>
                                                        <th style="text-align: center;width: 5%;" class='txt'>序号</th>
                                                        <th style="text-align: center;width: 15%;"  class='txt'>合同名称</th>
                                                        <th style="text-align: center;width: 15%;" class='txt'>甲方单位</th>
                                                        <th style="text-align: center;width: 8%;" class='txt'>合同额-含税(万元)</th>
                                                        <th style="text-align: center;width: 8%;"  class='txt'>合同开始时间</th>
                                                        <th style="text-align: center;width: 8%;"  class='txt'>合同结束时间</th>
                                                        <th style="text-align: center;width: 15%;" class='txt'>项目名称</th>
                                                        <th style="text-align: center;width: 15%;" class='txt'>部门名称</th>
                                                     </tr>
                                                    </thead>
                                                    <tbody id="dynamic-table_zzht">

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
            </div>
                    <!-- Modal -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">选择</h4>
                                </div>
                                <div class="modal-body" id="depShow">
<%--                                    <div class="checkbox">--%>
<%--                                        <label>--%>
<%--                                            <input type="checkbox"> Remember me--%>
<%--                                        </label>--%>
<%--                                    </div>--%>
<%--                                    <div class="checkbox">--%>
<%--                                        <label>--%>
<%--                                            <input type="checkbox"> Remember me--%>
<%--                                        </label>--%>
<%--                                    </div>--%>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button type="button" onclick="reloadChart();" class="btn btn-primary" data-dismiss="modal">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" >选择</h4>
                                </div>
                                <div class="modal-body" id="depShow2">
                                    <%--                                    <div class="checkbox">--%>
                                    <%--                                        <label>--%>
                                    <%--                                            <input type="checkbox"> Remember me--%>
                                    <%--                                        </label>--%>
                                    <%--                                    </div>--%>
                                    <%--                                    <div class="checkbox">--%>
                                    <%--                                        <label>--%>
                                    <%--                                            <input type="checkbox"> Remember me--%>
                                    <%--                                        </label>--%>
                                    <%--                                    </div>--%>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button type="button" onclick="reloadChart2();" class="btn btn-primary" data-dismiss="modal">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <script type="text/javascript">
      	function getWillExpireSoonHtxxList(){
      		$.ajax({
			    type: "POST",
			    async: false,
			    url: '<%=basePath%>xmhtxx_ajaxQueryWillExpireSoonHtxxList.action',
			    dataType: "json",
			    success: function(data){
			     $("#dynamic-table_zzht").empty()
			   		 var json = data;
			    	 var jlength = data.length;
			    	 var trHtml = "";
				    for(var i =1 ; i <=jlength ;i++){
				     var hted = json[i-1].HTED;
				      if(hted&&hted!=''){
				      	 hted = toDecimal(JsDiv(hted,'10000'));
				      }
				        trHtml=
				                "<tr>" +
		                "<td hidden style='width: 45px;'>"+json[i-1].PKID+"</td>" +
		                "<td style='width: 30px;text-align: center;'>"+i+"</td>" +
		                "<td style='width: 40px;text-align: left;'>"+json[i-1].HTMC+"</td>" +
		                "<td style='width: 90px;text-align: left;'>"+json[i-1].KHMC+"</td>" +
		                "<td style='width: 90px;text-align: right;'>"+hted+"</td>" +
		                "<td style='width: 70px;text-align: center;'>"+json[i-1].KSSJ+"</td>" +
		                "<td style='width: 70px;text-align: center;'>"+json[i-1].JSSJ+"</td>" +
		                "<td style='width: 70px;text-align: left;'>"+json[i-1].GCMC+"</td>" +
		                "<td style='width: 70px;text-align: left;'>"+json[i-1].XMSSBM+"</td>" +
		                "</tr>"
				        $("#dynamic-table_zzht").append(trHtml);
				    }
				   //console.log($("#dynamic-table_zzxx_tb").find("td").length);
				    for(var i = 0 ;i<$("#dynamic-table_zzht").find("td").length;i++){
				        if($("#dynamic-table_zzht").find("td")[i].textContent=='null'){
				            $("#dynamic-table_zzht").find("td")[i].textContent=0;
				        }
				    }
			    }
			});
      	
      	}
      	getWillExpireSoonHtxxList()
      </script>      
            
            <div class="row">
               <div class="col-lg-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <i class="fa fa-bullhorn fa-fw"></i>合同下没有项目
     								 <!-- <div class="pull-right" >  
                                         <div class="btn-group">
                                            <button type="button" style="border:none;background:none; vertical-align: middle;" onclick="loadMoreTz()">
                                                	点击查看更多
                                                <span class="caret"></span>
                                            </button>
                                         </div>
                                    </div> -->
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="table-responsive;" >
                                                <table id="dynamic-table_zzxx"  class="table table-bordered table-hover table-striped" >
                                                    <thead>
                                                    <tr>
                                                        <th style="text-align: center;width: 5%;" class='txt'>序号</th>
                                                        <th style="text-align: center;width: 15%;"  class='txt'>合同名称</th>
                                                        <th style="text-align: center;width: 15%;" class='txt'>甲方单位</th>
                                                        <th style="text-align: center;width: 8%;" class='txt'>合同额度-含税(万元)</th>
                                                        <th style="text-align: center;width: 8%;"  class='txt'>合同开始时间</th>
                                                        <th style="text-align: center;width: 8%;"  class='txt'>合同结束时间</th>
                                                        <th style="text-align: center;width: 8%;" class='txt'>部门名称</th>
                                                        
                                                       </tr>
                                                    </thead>
                                                    <tbody id="dynamic-table_noxmht">

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
            </div>
            
    <script type="text/javascript" >
      	function getNoXmHtxxList(){
      		$.ajax({
			    type: "POST",
			    async: false,
			    url: '<%=basePath%>xmhtxx_ajaxQueryNoXmHtxxList.action',
			    dataType: "json",
			    success: function(data){
			     $("#dynamic-table_noxmht").empty()
			   		 var json = data;
			    	 var jlength = data.length;
			    	 var trHtml = "";
				    for(var i =1 ; i <=jlength ;i++){
				      var hted = json[i-1].HTED;
				      if(hted&&hted!=''){
				      	 hted = toDecimal(JsDiv(hted,'10000'));
				      }
				        trHtml=
				                "<tr>" +
		                "<td hidden style='width: 45px;'>"+json[i-1].PKID+"</td>" +
		                "<td style='width: 30px;text-align: center;'>"+i+"</td>" +
		                "<td style='width: 40px;text-align: left;white-space:nowrap;'>"+json[i-1].HTMC+"</td>" +
		                "<td style='width: 90px;text-align: left;white-space:nowrap;'>"+json[i-1].KHMC+"</td>" +
		                "<td style='width: 90px;text-align: right;white-space:nowrap;'>"+hted+"</td>" +
		                "<td style='width: 70px;text-align: center;white-space:nowrap;'>"+json[i-1].KSSJ+"</td>" +
		                "<td style='width: 70px;text-align: center;white-space:nowrap;'>"+json[i-1].JSSJ+"</td>" +
		                "<td style='width: 70px;text-align: left;white-space:nowrap;'>"+json[i-1].HTSSBM+"</td>" +
		                
		                "</tr>"
				        $("#dynamic-table_noxmht").append(trHtml);
				    }
				   //console.log($("#dynamic-table_zzxx_tb").find("td").length);
				    for(var i = 0 ;i<$("#dynamic-table_noxmht").find("td").length;i++){
				        if($("#dynamic-table_noxmht").find("td")[i].textContent=='null'){
				            $("#dynamic-table_noxmht").find("td")[i].textContent=0;
				        }
				    }
			    }
			});
      	
      	}
      	getNoXmHtxxList()
      </script>      
                    <!-- /.panel -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-bar-chart-o fa-fw"></i> 重点项目（首页推荐）列表
                            <!-- 右下拉按钮 隐藏线-->
                            <div class="pull-right" style="display:none;">
                                <!-- <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                                        Actions
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu pull-right" role="menu">
                                        <li><a href="#">Action</a>
                                        </li>
                                        <li><a href="#">Another action</a>
                                        </li>
                                        <li><a href="#">Something else here</a>
                                        </li>
                                        <li class="divider"></li>
                                        <li><a href="#">Separated link</a>
                                        </li>
                                    </ul>
                                </div> -->
                            </div>
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="table-responsive">
                                    	<!-- datagrid start -->
                                        <table id="dynamic-table" class="table table-bordered table-hover table-striped">
                                            <thead>
                                               <tr>

                    <th style="text-align: center;width: 30px;" >序号</th>
                    <th style="text-align: center;width: 40px;">部门</th>
                    <th style="text-align: center;width: 90px;" >项目名称</th>
                    <th style="text-align: center;width: 70px;">预算材料费</th>
                    <th style="text-align: center;width: 70px;">实际材料费</th>
                    <th style="text-align: center;width: 70px;">预算人工费</th>
                    <th style="text-align: center;width: 70px;">实际人工费</th>
                    <th style="text-align: center;width: 60px;">预算机械费</th>
                    <th style="text-align: center;width: 60px;">实际机械费</th>
                    <th style="text-align: center;width: 120px;" >工作内容</th>
                    <th style="text-align: center;width: 120px;" >工作日志</th>
                    <th style="text-align: center;width: 80px;" >施工进度</th>
                </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                        <!-- datagrid end -->
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.col-lg-4 (nested) -->

                            </div>
                            <!-- /.row -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->

                </div>
                    <!-- /.panel -->

                </div>
                <!-- /.col-lg-4 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->


<script type="text/javascript">
		//全局depList
		var depList=[];
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('morris-area-chart'));

var option = {

    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'line'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
      grid: {
        left: '0%',
        right: '0%',
        bottom: '0%',
        top: '5%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : [],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'直接访问',
            type:'bar',
            barWidth: '60%',
            data:[]
        }
    ]
};

       $(function(){
       var url = '<%=basePath%>wzbmkc_ajaxQueryGetKchzByDep.action';
       	 $.post(url,function(data){
        	var json=eval('('+data+')').rows;
        	var gskchz=0;
             for(var i=0;i<json.length;i++)
             {
                 gskchz=JsAdd(gskchz,json[i].DJ||'0');
             }
             $('#gskchz').html("<i class=\"fa fa-bar-chart-o fa-fw\"></i>各部门实时库存 单位:万元 . 兴通公司总库存:"+gskchz+"万元");
        	depList=json;
        	for(var i=0;i<json.length;i++)
        	{

        		 option.xAxis[0].data.push(json[i].ORGNA_NAME);
           		 option.series[0].data.push(json[i].DJ);
        	}

        	//myChart.点击事件， 循环depList 找id

        	myChart.on('click', function (params) {


            var id = "";
            var bmmc = "";
            for (var i = 0; i < depList.length; i++) {
                if (depList[i].ORGNA_NAME == params.name)
                {
                    id = depList[i].BMID;
                    bmmc = depList[i].ORGNA_NAME;
                    break;
                }
            }
           gokcxx(id,bmmc);
        });

           // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        });

       });

     <%-- getHtMessage()
	function getHtMessage(){

		$.ajax({
		    url: '<%=basePath%>xmhtxx_ajaxGetHtMessage.action',
		    dataType: "json",
		    success:function(data){
		        debugger;
				if(data){
		    		$('#htxx').html("总合同额度:"+data.ZHTE+"万元;总结算值:"+data.ZJS+"万元;"+"合同份数:"+data.HTFS);
		    	}
		    }
		});
	}
 --%>


    </script>
    <script>

        function reloadChart(){
            //保存选择结果

            $("input[id^='dep_']").each(function(){
                var dep=$(this).attr("id").replace("dep_","");
                localStorage.setItem("SelectDep_"+dep,this.checked?"1":"0");
            });

            var ajaxData = myChart6SoruceDate;
            var modelData=[];
            var zhted = 0;
            var zjsz = 0;
            for(var i=0;i<ajaxData.length;i++){

                var et=ajaxData[i];
                if($("#dep_"+et.KHMC).get(0).checked==false){
                    continue;
                }
                modelData.push({"KCJG":et.HTE,"ORGNA_NAME":"合同额","RQ":et.KHMC});
                modelData.push({"KCJG":et.JSZ,"ORGNA_NAME":"结算额","RQ":et.KHMC});

                zhted =JsAdd(zhted,et.HTE?et.HTE:0);
                zjsz  = JsAdd(zjsz,et.JSZ?et.JSZ:0);
            }
            $('#htxx').html("总合同额度:"+zhted+"万元;总结算值:"+zjsz+"万元;");

            setLinesChar(modelData,linecharts,'bar');

            myChart6.setOption(linecharts);
        }
        function reloadChart2(){
            //保存选择结果

            $("input[id^='dep2_']").each(function(){
                var dep=$(this).attr("id").replace("dep2_","");
                localStorage.setItem("SelectDep2_"+dep,this.checked?"1":"0");
            });
debugger;
            var ajaxData = myChart8SoruceDate;
            var modelData=[];
            for(var i=0;i<ajaxData.length;i++){
                var et=ajaxData[i];
                if($("#dep2_"+et.ORGNA_NAME).get(0).checked==false){
                    continue;
                }
                modelData.push({"KCJG":et.SUBJNHTED==0?"":et.SUBJNHTED,"ORGNA_NAME":"今年合同额","RQ":et.ORGNA_NAME});
                modelData.push({"KCJG":et.JNQDHTJS==0?"":et.JNQDHTJS,"ORGNA_NAME":"今年结算额","RQ":et.ORGNA_NAME});
                modelData.push({"KCJG":et.SUBWNHTED==0?"":et.SUBWNHTED,"ORGNA_NAME":"往年合同额","RQ":et.ORGNA_NAME});
                modelData.push({"KCJG":et.WNQDHTJS==0?"":et.WNQDHTJS,"ORGNA_NAME":"往年结算额","RQ":et.ORGNA_NAME});
            }
            setLinesChar(modelData,linecharts,'bar');

            myChart8.setOption(linecharts);
        }

        function tzurl(url){//alert(url);
        //document.forms[0].action= url;
            //document.forms[0].submit();
            window.location = "<%=basePath%>"+url;
        }
        function more(){
            var url = "<%=basePath%>mainframe/moreNewsView.jsp?addEnable=true&r="+ Math.random();
            //var return_value = window.showModalDialog(url,null,"dialogWidth:800px;dialogHeight:450px;help:no;status:no");
            var return_value = window.showModalDialog(url,null,"dialogWidth:850px;dialogHeight:650px;help:no;status:no");

            if(return_value!=null&&(typeof(return_value)!="undefined")){

                window.location = "<%=basePath%>"+ return_value;

            }
        }

        <%-- $(function(){
            $("#dg").datagrid({
               url:"<%=basePath%>lcxx_ajaxQueryProcessList.action",
        //       url:"<%=basePath%>test/test.json",
               pagination:true,//显示分页
               pageSize:5,//分页大小
                    pageList:[5,10,15,20],//每页的个数
               fit:true,//自动补全
               fitColumns:true,
               height:100,
               //title:"",
               singleSelect:true,
               toolbar:"#toolbar1",
               columns:[[
                   {field:'ID',hidden:true,width:100,align:'left',halign:'center'},
                   {field:'DBMC',hidden:true,title:'待办名称',width:100,align:'left',halign:'center',formatter:dbFormatter},
                   {field:'SJ',hidden:true,title:'时间',width:100,align:'left',halign:'center'},
                   {field:'WHR',hidden:true,title:'发起人',width:100,align:'left',halign:'center'}
               ]]
           });  --%>

        $.ajax({
            type: "POST",
            async: false,
            url: '<%=basePath%>bbxmxx_ajaxQueryGcxmtzBySS_Mob.action',
            dataType: "json",
            success: function(data){
                var json = data;
                var jlength = data.rows.length;
                var trHtml = "";
                for(var i =1 ; i <=jlength ;i++){
                    var gzrz = json.rows[i-1].GZRZ;
                    if(json.rows[i-1].GZRZ==null){
                        gzrz="未填写";
                    }
                    trHtml=
                        "<tr>" +
                        "<td hidden style='width: 45px;'>"+json.rows[i-1].ID+"</td>" +
                        "<td hidden style='width: 45px;'>"+json.rows[i-1].XMID+"</td>" +
                        "<td style='width: 30px;text-align: center;'>"+i+"</td>" +
                        "<td style='width: 40px;text-align: center;'>"+json.rows[i-1].DWMC+"</td>" +
                        "<td style='width: 90px;'>"+json.rows[i-1].GCMC+"</td>" +

                        "<td style='width: 70px;text-align: right;white-space:nowrap;'>"+json.rows[i-1].YSCLF+"</td>" +
                        "<td style='width: 70px;text-align: right;white-space:nowrap;'><a style='font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;' href='javascript:goHsmx(\""+json.rows[i-1].XMID+"\")'>"+json.rows[i-1].CLFHZ+"</a></td>" +
                        "<td style='width: 70px;text-align: right;white-space:nowrap;'>"+json.rows[i-1].YSRGF+"</td>" +
                        "<td style='width: 70px;text-align: right;white-space:nowrap;'>"+json.rows[i-1].RGF+"</td>" +
                        "<td style='width: 60px;text-align: right;white-space:nowrap;'>"+json.rows[i-1].YSJXF+"</td>" +
                        "<td style='width: 60px;text-align: right;white-space:nowrap;'>"+json.rows[i-1].JXF+"</td>" +
                        "<td style='width: 120px;'>"+json.rows[i-1].GCNR+"</td>" +
                        "<td style='width: 120px; '><a href='javascript:goJdmx(\""+json.rows[i-1].XMID+"\")'>"+gzrz+"["+json.rows[i-1].RQ+"]</a></td>" +
                        "<td style='width: 80px;'>"+
                        "<div class='progress progress-striped pos-rel' data-percent='"+json.rows[i-1].XMJD+"%'>"+
                        "<div class='progress-bar progress-bar-success' style='width: "+json.rows[i-1].XMJD+"%;'>"+
                        "</div>"+
                        "</div>" +
                        "</td>" +
                        "</tr>"
                    $("#dynamic-table").append(trHtml);
                }
                console.log($("#dynamic-table").find("td").length);
                for(var i = 0 ;i<$("#dynamic-table").find("td").length;i++){
                    if($("#dynamic-table").find("td")[i].textContent=='null'){
                        $("#dynamic-table").find("td")[i].textContent=0;
                    }
                }
            }
        });

        function refresh(){
            getZzxx()
        }

        //查看进度明细页面
        function goJdmx(xmid){
            var url = '<%=basePath%>xmjdxx_goQueryGcxmJdHsxxList.action?xmid='+xmid;
            $("#window").window({
                title: "项目进度明细", top: 120, left: 680,
                autoVCenter: true,
                autoHCenter: false
            });

            $('#window').window('refresh',url);
            $('#window').window('open');
            // window.open(url);
        }

        //查看核算明细页面
        function gokcxx(id,bmmc){
            var url = '<%=basePath%>wzbmkc_gokcmxByDepList.action?depid='+id;
            window.parent.addTab("", bmmc+"库存信息", url,"icon-hamburg-home", true);
        }
        function goPage(name,url){
            //alert(name+"-"+url+"-"+icon)
            var url = '<%=basePath%>'+url;
            window.parent.addTab("", name, url,"icon-hamburg-home", true);
        }
        function tzurl(url){
            if(url && url.indexOf('?')>0){
                url += "&r="+Math.random();
            }else{
                url += "?r="+Math.random();
            }

            $('#dlg').dialog('refresh',url).dialog('open').dialog('setTitle','审核');
            //window.open(url);
            //$('#dlg').dialog('open').dialog('setTitle','编辑工程项目');
        }
        function dbFormatter(value,row,index){
            var html = [];
            if(row.URL){//SSUMMARY

                html.push('<a title="[办理]" href="javascript:void(0)" onClick="javascript:tzurl(\'' + row.URL + '\');">');
                html.push(value);
                html.push('</a>');
            }else{
                return value;
            }
            return html.join('');
        }




        //查看核算明细页面
        function goHsmx(xmid){
            lx='';
            var url = '<%=basePath%>xmhsxx_goQueryGcxmClfHsxxList.action?xmid='+xmid+'&lx='+lx;
            //$('#dlg').dialog('refresh',url).dialog('open').dialog('setTitle','项目核算明细');

            /*   $('#dlg').dialog({
                       title: "项目核算明细", top: 120, left: 160,
                       maximizable: true,
                       autoRestore: true
                   });  */
            $("#window").window({
                title: "项目核算明细", top: 120, left: 500,
                autoVCenter: true,
                autoHCenter: false
            });

            $('#window').window('refresh',url);
            $('#window').window('open');
            // window.open(url);
        }

        function goEditZz(pkid){
            var url = '<%=basePath%>userbaseinfoZj_goQueryUserBaseInfoZzList.action?pkid='+pkid;

            window.parent.addTab("", "证件信息", url,"icon-hamburg-home", true);
        }

        var myChart7 = echarts.init(document.getElementById('morris-line-chart'));
        var myChart6 = echarts.init(document.getElementById('morris-line-chart-s'));
        var myChart6SoruceDate=[];
        var myChart8 = echarts.init(document.getElementById('morris-line-chart-depid'));
        var myChart8SoruceDate=[];
        var linecharts = {
            grid:{ x:40,y:22,x2:22,y2:22},
            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c}万元"
            },
            xAxis: {
                type: 'category',
            },
            yAxis: {
                type: 'value',
                scale:true
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    textStyle: {
                        color: 'black'
                    }
                }
            }
            ,
            series: []
        };


        $.ajax({
            url:"<%=basePath%>wzbmkc_ajaxQueryWzCRKInfo.action",
            success:function(data){
                var ajaxData = JSON.parse(data);
                var modelData=[];
                for(var i=0;i<ajaxData.length;i++){
                    var et=ajaxData[i];
                    modelData.push({"KCJG":et.CK,"ORGNA_NAME":"出库","RQ":et.CKNY});

                    modelData.push({"KCJG":et.RK,"ORGNA_NAME":"入库","RQ":et.CKNY});

                }
                setLinesChar(modelData,linecharts,'line');
                //setLinesChar(dataArr,linecharts);
                myChart7.setOption(linecharts);

            }
        });
        $.ajax({
            url:"<%=basePath%>xmhtxx_ajaxQueryHtJsInfo.action",
            success:function(data){
                var ajaxData = JSON.parse(data);
                var modelData=[];
                var zhted = 0;
                var zjsz = 0;
                myChart6SoruceDate=ajaxData;
                for(var i=0;i<ajaxData.length;i++){
                    var et=ajaxData[i];
                    modelData.push({"KCJG":et.HTE,"ORGNA_NAME":"合同额","RQ":et.KHMC});
                    modelData.push({"KCJG":et.JSZ,"ORGNA_NAME":"结算额","RQ":et.KHMC});
                    
					zhted =JsAdd(zhted,et.HTE?et.HTE:0);
					zjsz  = JsAdd(zjsz,et.JSZ?et.JSZ:0);
                }
                $('#htxx').html("总合同额度:"+zhted+"万元;总结算值:"+zjsz+"万元;");

                setLinesChar(modelData,linecharts,'bar');
                //setLinesChar(dataArr,linecharts);
                myChart6.on('click',param=>{
                	var {name,seriesName} = param;
                	var url = '<%=basePath%>xmhtxx_goQueryHtList.action?lb=1';
                	if(seriesName=='合同额'){
			             url = url+'&jfdwmc='+name;
                	}else{
                		 url = url+'&jfdwmc='+name+'&jszt=1';
                	}
                	 window.parent.addTab("", "合同信息", url,"icon-hamburg-home", true);
                });
                //myChart6.setOption(linecharts);
                var html ="";
                for (var i=0;i< linecharts.xAxis.data.length;i++){
                    var dep=linecharts.xAxis.data[i];
                    var select = localStorage.getItem("SelectDep_"+dep)=="0"?"":"checked=\"true\"";

                    html +=" <div class=\"checkbox\">\n" +
                        "    <label>\n" +
                        "      <input "+select+" type=\"checkbox\" id=\"dep_"+dep+"\" value=\""+dep+"\"> "+dep+"\n" +
                        "    </label>\n" +
                        "  </div>";
                }
                $("#depShow").html(html).append("<div style='clear: both;'></div>");
                reloadChart();
            }
        });
        $.ajax({
            url:"<%=basePath%>xmhtxx_ajaxGetHtMessageByDepId.action",
            success:function(data){
                var ajaxData = JSON.parse(data);
                myChart8SoruceDate=ajaxData;
                var modelData=[];
                for(var i=0;i<ajaxData.length;i++){
                    var et=ajaxData[i];
                    modelData.push({"KCJG":et.SUBJNHTED==0?"":et.SUBJNHTED,"ORGNA_NAME":"今年合同额","RQ":et.ORGNA_NAME});
                    modelData.push({"KCJG":et.JNQDHTJS==0?"":et.JNQDHTJS,"ORGNA_NAME":"今年结算额","RQ":et.ORGNA_NAME});
					modelData.push({"KCJG":et.SUBWNHTED==0?"":et.SUBWNHTED,"ORGNA_NAME":"往年合同额","RQ":et.ORGNA_NAME});
                    modelData.push({"KCJG":et.WNQDHTJS==0?"":et.WNQDHTJS,"ORGNA_NAME":"往年结算额","RQ":et.ORGNA_NAME});
                }
                setLinesChar(modelData,linecharts,'bar');
                myChart8.on('click',function(param){

					var url = '<%=basePath%>xmhtxx_goQueryHtList.action?lb=1';
					var {name,seriesName} = param;
					if(seriesName==="今年合同额"||seriesName==="今年结算额"){
						url = url+"&searchType=1&orgName="+name;					
					}else if(seriesName==="往年合同额"||seriesName==="往年结算额"){
						url = url+"&searchType=2&orgName="+name;
					}
					window.parent.addTab("", "合同结算信息", url,"icon-hamburg-home", true);
					
                })
                //myChart8.setOption(linecharts);
                var html ="";
                for (var i=0;i< linecharts.xAxis.data.length;i++){
                    var dep=linecharts.xAxis.data[i];
                    var select = localStorage.getItem("SelectDep2_"+dep)=="0"?"":"checked=\"true\"";

                    html +=" <div class=\"checkbox\">\n" +
                        "    <label>\n" +
                        "      <input "+select+" type=\"checkbox\" id=\"dep2_"+dep+"\" value=\""+dep+"\"> "+dep+"\n" +
                        "    </label>\n" +
                        "  </div>";
                }
                $("#depShow2").html(html).append("<div style='clear: both;'></div>");
                reloadChart2();
            }
        });

        //多图表char-数据源-图标配置对象
        function setLinesChar(ajaxData,option,ctype){
            //日期数组
            var dateArray=[];
            //部门数组
            var depArray=[];
            for(var i=0;i<ajaxData.length;i++){
                dateArray.push(ajaxData[i].RQ);
                depArray.push(ajaxData[i].ORGNA_NAME);
            }
            //数组去重
            dateArray=uniq(dateArray);
            depArray=uniq(depArray);
            option.legend = {
                data:depArray
            };
            option.tooltip={
                trigger: 'axis'
            };
            //Y轴模型数组
            var yETArray=[];
            //循环部门
            for(var i=0;i<depArray.length;i++){
                var dep=depArray[i];
                //实体
                var et={ name:dep, data: [], type: ctype,  itemStyle : { normal: {label : {show: true}}}};
                //if(depArray.length==1){ bar

                /* et.label= {
                     normal: {
                         show: true,
                             position: 'top'
                     }
                 };*/
                //}
                //循环天
                for(var j=0;j<dateArray.length;j++){
                    var date=dateArray[j];
                    //根据天和部门获取数值
                    et.data.push(getKCJG(dep,date,ajaxData));
                }
                yETArray.push(et);
            }

            //X轴
            option.xAxis.data=dateArray;
            //Y轴
            option.series=yETArray;

        }

        //列表查询-部门-日期-数据源
        function getKCJG(dep,date,dbArray){
            var kcjg=0;
            for(var i=0;i<dbArray.length;i++){
                var db=dbArray[i];
                if(db.RQ==date && db.ORGNA_NAME==dep){
                    kcjg=db.KCJG;
                    break;
                }
            }
            return kcjg;
        }

        //数组去重
        function uniq(array){
            var temp = []; //一个新的临时数组
            for(var i = 0; i < array.length; i++){
                if(temp.indexOf(array[i]) == -1){
                    temp.push(array[i]);
                }
            }
            return temp;
        }
    </script>
</body>

</html>

 

Teln_小凯
关注
Echarts 展示——柱状图中每个柱状图如何自定义展示内容
虎康的博客
06-05 589
在这个示例中，我通过设置 label 的 formatter 属性，使用了一个自定义的回调函数来定义每个柱子的展示内容。在这个示例中，我将每个柱子的展示内容设置为了固定的字符串 “自定义内容：” 加上柱子的值。您可以根据需要自定义回调函数，来显示您想要的任何内容。要自定义柱状图中每个柱子的展示内容，您可以通过设置 label 的 formatter 属性来实现。formatter 是一个回调函数，可以用来自定义 label 的显示内容。
echarts柱状图X轴文字过长换行显示
EnidChann的博客
08-25 4027
// 在option的xAxis的axisLabel里添加配置 axisLabel: { // rotate: '45', interval: 0, color: '#767676', fontSize: 12, // x轴文本换行 formatter: function (params) { var newParamsName = '' // 最终拼接成的字符串 var paramsNameNu
ehcarts 柱状图x轴坐标值改为图片
sz_09的博客
06-13 1365
需求方法：1参考网站：http://www.echartsjs.com/gallery/editor.html?c=bar-rich-text&amp;theme=dark代码：x坐标值设置，尤其是图片路径提前设置好xAxis: {             type: 'category',             show: true,             data: ['Line', 'B...
echarts的x轴y轴的颜色改变
热门推荐
习惯有你&的博客
12-01 8万+
在操作echarts时，需求要求echarts的xy轴的颜色要与图形的颜色一致。 图1： 图2： 解决方案： 代码展示： var myChart1; $(function() { document.getElementById("begin1").flatpickr(); document.getElementById("end1").
vue结合echartx轴双类目显示且多系列层叠
qq_42882113的博客
12-05 1097
vue结合echartx轴双类目显示且多系列层叠 最近因公司要求要实现一个大屏看板数据走势图，以前都是直接引用echars现成事例自己改动，但是这次的需求要实现柱形图的多系列层叠并且x轴是双类目的，这个是事例中没有的，自己改了很久，终于完成了，现在源码奉上，希望对大家有帮助！ vue部分 html: <div id="Warehouse_separation_time"></di...
echarts实现指示器自定义显示内容（显示自己需要的格式）
Seven71111的博客
05-19 1583
实际前端业务页面开发中，比如柱形图，柱形图只需要画出 可用量 和 被用量，当鼠标放在图案上时，需要显示可用量、备用量、总量、其他描述等其他的信息。 展示效果如下：
echarts生成三维柱状图
qq_38519358的博客
07-27 2887
这里介绍下如何生成三维的柱状图，例如，按照月份展示两个产品在2010年和2011年的统计数量，这里x轴标识月份，一根柱子代表一年的几个产品，这里是两年两个产品的示例，多个年数或产品同样的方法，不在赘述。 以下是核心代码部分，主要利用了堆叠柱状图的思想，然后再通过stack属性对产品进行分类，最后再format tooltips展示 option = { tooltip: { trigger: 'axis', formatter: function (param
echar 柱状图柱状横着叠加 y轴是设备名称 x轴是8点到18点时间 值为时间
最新发布
10-17
"echar"函数通常是指在JavaScript的echarts库中用于绘制图表，你想创建的是一个水平堆积柱状图，其中y轴表示设备名称，x轴则显示从早上8点到晚上18点的时间段，每个柱子的高度代表对应时间段内的某个值（例如，设备...
Echarts自定义柱状图样式
sxl131415的博客
08-28 4143
效果图： methods:{ set_equipmentChart() { let myChart = this.$echarts.init(document.getElementById('equipment')) let option1 = { tooltip: {}, grid:{ ...
Echarts数据可视化：图表篇（1）—— 基本柱状图、堆叠柱状图
weixin_33812433的博客
04-15 2087
项目地址 介绍 柱状图作为最常见的可视化图表，用于展示一些比较基础的数据，其中分为基本柱状图、堆叠柱状图。通过实现这两种图表，我们将学习到以下内容 基本柱图 坐标轴X、Y轴绘制 维度、度量设置 堆叠柱状图 坐标轴指示器 图例切换 堆叠定义 标记线 基本柱图分析 假设我们需要在白纸上画出一个柱状图，首先我们会绘制坐标轴，然后再去绘制对应的柱子。这也符合大多数情况下我们使用Echart...
EChar C#模型
05-19
EChart的C#模型类，用于于生成eChart 的Json
Echarts折线图不同X轴的对比功能，不同段不同颜色显示
seveth_的博客
08-03 9785
这里有一个统计不同时间段的折线图对比需求，起初的想法是给Echarts的X轴同一刻度赋予不同的数值，并且在其上面显示两条数据，达到对比的功能(在别的插件上面可能有这样的功能，因为我看到过这样的图)。后来翻了不少资料也没有发现Echarts这方面的功能，所以只能寻求另外的方法了。        既然这个方法行不通就只能另辟蹊径达到目的，在查阅资料之后找到一个另类的方法。那就是一条坐标轴截取两段，每
echart出现x轴双类目显示
weixin_34277853的博客
12-18 2395
为什么80%的码农都做不了架构师？>>> ...
Echarts双x轴不等分堆叠柱状图加折线
p_1024的博客
10-08 1522
Echarts实现双x轴不等分多维堆叠柱状图加折线
echart柱状图根据x轴的数据来设置颜色
qq_41674855的博客
04-02 3313
根据项目需求柱状图始终显示24小时的数据，跨天后两天的数据用不同的颜色表示。 主要是对图表里series.itemStyle的color的设置。 完整源码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>根据横坐标显示不同颜色&l...
echart
weixin_34255055的博客
02-10 740
　　先介绍echart: 官网：http://echarts.baidu.com 看名字就知道是百度出品的。 ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas...
Echarts学习记录——如何修改x轴和y轴的颜色
flygoa的专栏
10-25 2万+
Echarts学习记录——如何修改x轴和y轴的颜色 关键属性axisLine:坐标轴线属性
echart图实现双x轴的两种情况
Mr_Yixiansen的博客
04-26 9680
echart 图设置双类目轴的情况 相关代码 // 因为 第一个 x 轴 与第二个 x 轴的数据是成对应关系的，也就是 : 第一个 x 轴 与第二个 x 轴之间的数量是成倍数关系的。 // 所以 第二个 x 轴的就能实现对齐 option = { title: { text: '双x轴' }, legend: { data: ['销量'] }, // x轴的数据
Echarts X轴数据过多导致重叠显示不全的问题
NULL
06-20 1万+
用Echarts做可视化分析的时候遇到了一个问题，日期有100多个，将其全部显示出来，密密麻麻的。 警告！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐惧症请先行撤退！！！ 密集恐
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值