<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="description" content="">
|
<meta name="author" content="">
|
|
<title>大屏系统后台任务数据</title>
|
|
<!-- Bootstrap Core CSS -->
|
<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
|
|
<!-- MetisMenu CSS -->
|
<link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
<link href="../dist/css/sb-admin-2.css" rel="stylesheet">
|
|
<!-- Morris Charts CSS -->
|
<link href="../vendor/morrisjs/morris.css" rel="stylesheet">
|
|
<!-- Custom Fonts -->
|
<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
<!--[if lt IE 9]>
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<!-- Navigation -->
|
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
|
<div class="navbar-header">
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
<span class="sr-only">Toggle navigation</span>
|
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
</button>
|
<a class="navbar-brand" href="index.html">大屏系统后台任务数据</a>
|
</div>
|
<!-- /.navbar-header -->
|
|
<ul class="nav navbar-top-links navbar-right">
|
<li class="dropdown">
|
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
|
<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
|
</a>
|
<ul class="dropdown-menu dropdown-user">
|
<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
|
</li>
|
<li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
|
</li>
|
<li class="divider"></li>
|
<li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
|
</li>
|
</ul>
|
<!-- /.dropdown-user -->
|
</li>
|
<!-- /.dropdown -->
|
</ul>
|
<!-- /.navbar-top-links -->
|
|
<div class="navbar-default sidebar" role="navigation">
|
<div class="sidebar-nav navbar-collapse">
|
<ul class="nav" id="side-menu">
|
<li class="sidebar-search">
|
<div class="input-group custom-search-form">
|
<input type="text" class="form-control" placeholder="Search...">
|
<span class="input-group-btn">
|
<button class="btn btn-default" type="button">
|
<i class="fa fa-search"></i>
|
</button>
|
</span>
|
</div>
|
<!-- /input-group -->
|
</li>
|
<li>
|
<a href="index.html"><i class="fa fa-dashboard fa-fw"></i> 概况</a>
|
</li>
|
<li>
|
<a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
|
<ul class="nav nav-second-level">
|
<li>
|
<a href="flot.html">Flot Charts</a>
|
</li>
|
<li>
|
<a href="morris.html">Morris.js Charts</a>
|
</li>
|
</ul>
|
<!-- /.nav-second-level -->
|
</li>
|
|
<li>
|
<a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables<span class="fa arrow"></span></a>
|
<ul class="nav nav-second-level">
|
<li>
|
<a href="alluser.html">所有用户</a>
|
</li>
|
<li>
|
<a href="allequ.html">所有设备</a>
|
</li>
|
<li>
|
<a href="allnotice.html">通知用户</a>
|
</li>
|
<li>
|
<a href="allalarm.html">报警设备</a>
|
</li>
|
|
</ul>
|
<!-- /.nav-second-level -->
|
|
</li>
|
|
</ul>
|
</div>
|
<!-- /.sidebar-collapse -->
|
</div>
|
<!-- /.navbar-static-side -->
|
</nav>
|
|
<div id="page-wrapper">
|
<div class="row">
|
<div class="col-lg-12">
|
<h1 class="page-header">Morris.js Charts</h1>
|
</div>
|
<!-- /.col-lg-12 -->
|
</div>
|
<!-- /.row -->
|
<div class="row">
|
<div class="col-lg-6">
|
<div class="panel panel-default">
|
<div class="panel-heading">
|
Area Chart Example
|
</div>
|
<!-- /.panel-heading -->
|
<div class="panel-body">
|
<div id="morris-area-chart"></div>
|
</div>
|
<!-- /.panel-body -->
|
</div>
|
<!-- /.panel -->
|
</div>
|
<!-- /.col-lg-6 -->
|
<div class="col-lg-6">
|
<div class="panel panel-default">
|
<div class="panel-heading">
|
Bar Chart Example
|
</div>
|
<!-- /.panel-heading -->
|
<div class="panel-body">
|
<div id="morris-bar-chart"></div>
|
</div>
|
<!-- /.panel-body -->
|
</div>
|
<!-- /.panel -->
|
</div>
|
<!-- /.col-lg-6 -->
|
<div class="col-lg-6">
|
<div class="panel panel-default">
|
<div class="panel-heading">
|
Line Chart Example
|
</div>
|
<!-- /.panel-heading -->
|
<div class="panel-body">
|
<div id="morris-line-chart"></div>
|
</div>
|
<!-- /.panel-body -->
|
</div>
|
<!-- /.panel -->
|
</div>
|
<!-- /.col-lg-6 -->
|
<div class="col-lg-6">
|
<div class="panel panel-default">
|
<div class="panel-heading">
|
Donut Chart Example
|
</div>
|
<!-- /.panel-heading -->
|
<div class="panel-body">
|
<div id="morris-donut-chart"></div>
|
</div>
|
<!-- /.panel-body -->
|
</div>
|
<!-- /.panel -->
|
</div>
|
<!-- /.col-lg-6 -->
|
<div class="col-lg-12">
|
<div class="panel panel-default">
|
<div class="panel-heading">
|
Morris.js Usage
|
</div>
|
<!-- /.panel-heading -->
|
<div class="panel-body">
|
<p>Morris.js is a jQuery based charting plugin created by Olly Smith. In SB Admin, we are using the most recent version of Morris.js which includes the resize function, which makes the charts fully responsive. The documentation for Morris.js is available on their website, <a target="_blank" href="http://morrisjs.github.io/morris.js/">http://morrisjs.github.io/morris.js/</a>.</p>
|
<a target="_blank" class="btn btn-default btn-lg btn-block" href="http://morrisjs.github.io/morris.js/">View Morris.js Documentation</a>
|
</div>
|
<!-- /.panel-body -->
|
</div>
|
<!-- /.panel -->
|
</div>
|
<!-- /.col-lg-6 -->
|
</div>
|
<!-- /.row -->
|
</div>
|
<!-- /#page-wrapper -->
|
|
</div>
|
<!-- /#wrapper -->
|
|
<!-- jQuery -->
|
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
|
|
<!-- Bootstrap Core JavaScript -->
|
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
|
|
<!-- Metis Menu Plugin JavaScript -->
|
<script src="../vendor/metisMenu/metisMenu.min.js"></script>
|
|
<!-- Morris Charts JavaScript -->
|
<script src="../vendor/raphael/raphael.min.js"></script>
|
<script src="../vendor/morrisjs/morris.min.js"></script>
|
<script src="../data/morris-data.js"></script>
|
|
<!-- Custom Theme JavaScript -->
|
<script src="../dist/js/sb-admin-2.js"></script>
|
|
</body>
|
|
</html>
|
