<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
<head lang="en">
	<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
 	<%@include file="../../frame/assets/header-all.jsp"%>
 	 <script src="../common/js/echarts/echarts.min.js"></script>
 	 <script src="../common/js/echarts/EchartsBase.js"></script>
 	<link href="css/homepage.css" type="text/css" rel="stylesheet"/>
 	<script type="text/javascript">
 	var data={"title":"本周运维告警统计",xAxis: ["监控","NVR","服务器","应用系统"],"legend":[{"name":"Doset","data":[5, 20, 36, 50],"color":"#00accb"},{"name":"Yeland","data":[51, 210, 36, 10],"color":"#fa102a"}]}	;
 	window.onload=function(){
 		 	EchartsBase.barChart(
 		 			{
 		 			id:"u37",
 		 			data:data
 		 	});
 	};
 	</script>
</head>
<body>
	  <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u0" class="ax_default box_1">
        <div id="u0_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1" class="ax_default box_1">
        <div id="u1_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2" class="ax_default box_1">
        <div id="u2_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3" class="ax_default box_1">
        <div id="u3_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4" class="ax_default box_1">
        <div id="u4_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5" class="ax_default image">
        <img id="u5_img" class="img " src="images/u5.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u6" class="ax_default image">
        <img id="u6_img" class="img " src="images/u6.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u7" class="ax_default image">
        <img id="u7_img" class="img " src="images/u7.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8" class="ax_default label">
        <div id="u8_div" class=""></div>
        <div id="u8_text" class="text ">
          <p><span>监控设备总量</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9" class="ax_default label">
        <div id="u9_div" class=""></div>
        <div id="u9_text" class="text ">
          <p><span>307</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10" class="ax_default label">
        <div id="u10_div" class=""></div>
        <div id="u10_text" class="text ">
          <p><span>服务器总量</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11" class="ax_default label">
        <div id="u11_div" class=""></div>
        <div id="u11_text" class="text ">
          <p><span>26</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u12" class="ax_default label">
        <div id="u12_div" class=""></div>
        <div id="u12_text" class="text ">
          <p><span>应用系统总量</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u13" class="ax_default label">
        <div id="u13_div" class=""></div>
        <div id="u13_text" class="text ">
          <p><span>19</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u14" class="ax_default box_3">
        <div id="u14_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15" class="ax_default heading_3">
        <div id="u15_div" class=""></div>
        <div id="u15_text" class="text ">
          <p><span>运维设备拓扑图</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u16" class="ax_default image">
        <img id="u16_img" class="img " src="images/u16.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u17" class="ax_default label">
        <div id="u17_div" class=""></div>
        <div id="u17_text" class="text ">
          <p><span>监控设备</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u18" class="ax_default image">
        <img id="u18_img" class="img " src="images/u5.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u19" class="ax_default" data-left="503" data-top="196" data-width="144" data-height="158">

        <!-- Unnamed (图片) -->
        <div id="u20" class="ax_default image">
          <img id="u20_img" class="img " src="images/u6.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u21" class="ax_default label">
          <div id="u21_div" class=""></div>
          <div id="u21_text" class="text ">
            <p><span>智能媒体平台</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u22" class="ax_default image">
          <img id="u22_img" class="img " src="images/u6.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u23" class="ax_default label">
          <div id="u23_div" class=""></div>
          <div id="u23_text" class="text ">
            <p><span>长宜联动平台</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u24" class="ax_default image">
          <img id="u24_img" class="img " src="images/u6.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u25" class="ax_default label">
          <div id="u25_div" class=""></div>
          <div id="u25_text" class="text ">
            <p><span>数据库服务</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u26" class="ax_default label">
        <div id="u26_div" class=""></div>
        <div id="u26_text" class="text ">
          <p><span>服务器</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u27" class="ax_default image">
        <img id="u27_img" class="img " src="images/u27.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u28" class="ax_default label">
        <div id="u28_div" class=""></div>
        <div id="u28_text" class="text ">
          <p><span>NVR主机</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u29" class="ax_default line">
        <img id="u29_img" class="img " src="images/u29.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u30" class="ax_default line">
        <img id="u30_img" class="img " src="images/u30.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u31" class="ax_default line">
        <img id="u31_img" class="img " src="images/u31.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u32" class="ax_default line">
        <img id="u32_img" class="img " src="images/u32.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u33" class="ax_default line">
        <img id="u33_img" class="img " src="images/u33.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u34" class="ax_default line">
        <img id="u34_img" class="img " src="images/u33.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u35" class="ax_default box_3">
        <div id="u35_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u36" class="ax_default heading_3">
        <div id="u36_div" class=""></div>
        <div id="u36_text" class="text ">
          <p><span>本周运维告警统计</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u37" class="ax_default image">
        
      </div>
    </div>
</body>
</html>