柱形图
来源:互联网 发布:千牛 卖家工作台 mac 编辑:程序博客网 时间:2024/06/06 23:26
<!DOCTYPE HTML>
<html>
<head>
<title>查控信息界面</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./css/team.css">
<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<script src="./js/jquery.min.js"></script>
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/echarts.js"></script>
<script src="./js/team.js"></script>
</head>
<body>
<div class="module">
<!-- 头部 -->
<div class="hed">
<div class="tiPo">
<select name="effects" id="timeTypes">
<option value="blind">2017-7-10~2017-8-24</option>
<option value="bounce">2018-10-10~2018-11-11</option>
<option value="clip">2019-10-10~2019-11-11</option>
</select>
</div>
</div>
<!-- 中间盒子 -->
<div class="medla">
<div id="ring" style="width: 100%;height:340px;margin:0 auto;"></div>
</div>
<!-- 底部统计 -->
<div class="coun">
<div class="captin">
<span>全省设备详情</span>
<em><img src="./img/spec_03 .png" alt=""></em>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th>
<select name="effects" id="numTypes">
<option value="blind">类别</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>
<select name="effects" id="numTypes">
<option value="blind">类别数量</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>
<select name="effects" id="numTypes">
<option value="blind">下发数量</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>
<select name="effects" id="numTypes">
<option value="blind">时间</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>经侦涉稳</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>在逃</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>涉毒</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>在逃</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>精神病</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>经侦涉稳</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>邪教</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
<script type="text/javascript">
</script>
</html>
<html>
<head>
<title>查控信息界面</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./css/team.css">
<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<script src="./js/jquery.min.js"></script>
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/echarts.js"></script>
<script src="./js/team.js"></script>
</head>
<body>
<div class="module">
<!-- 头部 -->
<div class="hed">
<div class="tiPo">
<select name="effects" id="timeTypes">
<option value="blind">2017-7-10~2017-8-24</option>
<option value="bounce">2018-10-10~2018-11-11</option>
<option value="clip">2019-10-10~2019-11-11</option>
</select>
</div>
</div>
<!-- 中间盒子 -->
<div class="medla">
<div id="ring" style="width: 100%;height:340px;margin:0 auto;"></div>
</div>
<!-- 底部统计 -->
<div class="coun">
<div class="captin">
<span>全省设备详情</span>
<em><img src="./img/spec_03 .png" alt=""></em>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th>
<select name="effects" id="numTypes">
<option value="blind">类别</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>
<select name="effects" id="numTypes">
<option value="blind">类别数量</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>
<select name="effects" id="numTypes">
<option value="blind">下发数量</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>
<select name="effects" id="numTypes">
<option value="blind">时间</option>
<option value="bounce">一道防线</option>
<option value="clip">二道防线</option>
</select>
</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>经侦涉稳</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>在逃</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>涉毒</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>在逃</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>精神病</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>经侦涉稳</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
<tr>
<td>邪教</td>
<td>33,370</td>
<td>33,370</td>
<td>2017-11-12</td>
<td><img src="./img/spec_01.png" alt=""></td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
<script type="text/javascript">
</script>
</html>
阅读全文
0 0
- 柱形图
- 柱形图
- 柱形图
- 柱形图
- 柱形图
- 柱形图
- JFreeChart柱形图
- 柱形图2
- dojo柱形图
- vc 柱形图
- JFreeChart 柱形图
- ECharts_01_柱形图
- asp vml 对比柱形图
- jfreechart柱形图链接问题
- php Jpgraph绘制柱形图
- struts开发-柱形图
- Jfreechart柱形图详细设置!
- Jpgraph绘制柱形图
- SVN 主干和分支的拆分与合并(版本控制)
- spring mvc 5.0 在线中文api 02
- BASIC-22VIP试题 FJ的字符串
- 应用静默安装能力的权限检查方法探视
- 【2018将成为AGI元年】13名专家盘点2017最重要AI事件,预测AGI将取代AI
- 柱形图
- c语言练习(4)
- java实现基于TCP的socket通信实例(客户端)
- 《The Linux Command Line》中的命令
- mybatis 异常处理Cause: java.lang.IllegalStateException: Cannot enable lazy loading because CGLIB is not
- php,mysql登录(session,无加密版,js)
- c# ArryList 键值对
- java获取HTML纯文本内容 body
- BASIC-23VIP试题 芯片测试