| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <!--优先使用 IE 最新版本和 Chrome-->
- <meta name="renderer" content="webkit" />
- <script src="../Script/Common/huayi.load.js"></script>
- <script src="../Script/Common/huayi.config.js"></script>
- <link href="../css/Table/table1.css" rel="stylesheet" />
- <link href="../css/init.css" rel="stylesheet" />
- <link rel="stylesheet" href="../css/pieCharts.css" />
- <title>设备运维图形统计</title>
- <style>
- .phone_top .chart{
- width: 33.333%;
- }
-
- .phone_bottom div.bottom_left{
- width: 32%;
- }
-
- .phone_bottom div.bottom_right{
- width: 67%;
- }
-
- .bottom_right .chart{
- width: 50%;
- }
- </style>
- </head>
- <body class="gray-bg">
- <div class="daoHang clearfix">
- <div class="dhLeft">
- <sapn><i class="syIcon"></i>位置:
- <a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>>
- <a href="javaScript:;">报表管理</a>>
- <a href="javascript:location.reload()" class="now_position">运维图形统计</a>
- </sapn>
- </div>
- </div>
- <div class="wrapper wrapper-content animated fadeInRight">
- <div class="form-inline th-bar clearfix">
- <div class="btn-group" data-toggle="buttons" id="sc_statebtn">
- <label class="btn btn-primary active">
- <input type="radio" name="options" value="0" autocomplete="off" checked>当天
- </label>
- <label class="btn btn-primary">
- <input type="radio" name="options" value="1" autocomplete="off">本周
- </label>
- <label class="btn btn-primary">
- <input type="radio" name="options" value="2" autocomplete="off">本月
- </label>
- <label class="btn btn-primary">
- <input type="radio" name="options" value="3" autocomplete="off">本年
- </label>
- <label class="btn btn-primary">
- <input type="radio" name="options" value="4" autocomplete="off">累计
- </label>
- </div>
- </div>
- <div id="wrap" class="container">
- <div class="phone_top">
- <div class="legend_bar clearfix">
- <div class="title_word pull-left">
- <span class="col-line"></span>
- </div>
- </div>
- <div class="clearfix">
- <div class="chart" id="pieChart0"></div>
- <!--<div class="chart" id="pieChart1"></div>-->
- <div class="chart" id="pieChart2"></div>
- <div class="chart" id="pieChart3"></div>
- </div>
- </div>
- <div class="phone_bottom clearfix">
- <div class="bottom_left pull-left">
- <div class="legend_bar clearfix">
- <div class="title_word pull-left">
- <span class="col-line"></span>
- </div>
- </div>
- <div class="clearfix">
- <div class="chart" id="pieChart4"></div>
- </div>
- </div>
- <div class="bottom_right pull-left">
- <div class="legend_bar clearfix">
- <div class="title_word pull-left">
- <span class="col-line"></span>
- </div>
- </div>
- <div class="clearfix">
- <div class="chart" id="pieChart5"></div>
- <div class="chart" id="pieChart6"></div>
- <!--<div class="chart" id="pieChart7"></div>-->
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="../js/echarts/echarts.common.min.js"></script>
- <script src="js/pieCharts.js"></script>
- </body>
- </html>
|