~yuanhung/xdashangular.git

			@@ -1,10 +1,135 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<title>Title</title>
			</head>
			<body>
			<!-- Content Header (Page header) -->
			<section class="content-header">
			<h1>
			Flot Charts
			<small>preview sample</small>
			</h1>
			<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
			<li><a href="#">Charts</a></li>
			<li class="active">Flot</li>
			</ol>
			</section>

			</body>
			</html>
			<!-- Main content -->
			<section class="content">
			<div class="row">
			<div class="col-xs-12">
			<!-- interactive chart -->
			<div class="box box-primary">
			<div class="box-header with-border">
			<i class="fa fa-bar-chart-o"></i>

			<h3 class="box-title">Interactive Area Chart</h3>

			<div class="box-tools pull-right">
			Real time
			<div class="btn-group" id="realtime" data-toggle="btn-toggle">
			<button type="button" class="btn btn-default btn-xs active" data-toggle="on">On</button>
			<button type="button" class="btn btn-default btn-xs" data-toggle="off">Off</button>
			</div>
			</div>
			</div>
			<div class="box-body">
			<div id="interactive" style="height: 300px;"></div>
			</div>
			<!-- /.box-body-->
			</div>
			<!-- /.box -->

			</div>
			<!-- /.col -->
			</div>
			<!-- /.row -->

			<div class="row">
			<div class="col-md-6">
			<!-- Line chart -->
			<div class="box box-primary">
			<div class="box-header with-border">
			<i class="fa fa-bar-chart-o"></i>

			<h3 class="box-title">Line Chart</h3>

			<div class="box-tools pull-right">
			<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
			<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
			</div>
			</div>
			<div class="box-body">
			<div id="line-chart" style="height: 300px;"></div>
			</div>
			<!-- /.box-body-->
			</div>
			<!-- /.box -->

			<!-- Area chart -->
			<div class="box box-primary">
			<div class="box-header with-border">
			<i class="fa fa-bar-chart-o"></i>

			<h3 class="box-title">Full Width Area Chart</h3>

			<div class="box-tools pull-right">
			<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
			<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
			</div>
			</div>
			<div class="box-body">
			<div id="area-chart" style="height: 338px;" class="full-width-chart"></div>
			</div>
			<!-- /.box-body-->
			</div>
			<!-- /.box -->

			</div>
			<!-- /.col -->

			<div class="col-md-6">
			<!-- Bar chart -->
			<div class="box box-primary">
			<div class="box-header with-border">
			<i class="fa fa-bar-chart-o"></i>

			<h3 class="box-title">Bar Chart</h3>

			<div class="box-tools pull-right">
			<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
			<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
			</div>
			</div>
			<div class="box-body">
			<div id="bar-chart" style="height: 300px;"></div>
			</div>
			<!-- /.box-body-->
			</div>
			<!-- /.box -->

			<!-- Donut chart -->
			<div class="box box-primary">
			<div class="box-header with-border">
			<i class="fa fa-bar-chart-o"></i>

			<h3 class="box-title">Donut Chart</h3>

			<div class="box-tools pull-right">
			<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
			</button>
			<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
			</div>
			</div>
			<div class="box-body">
			<div id="donut-chart" style="height: 300px;"></div>
			</div>
			<!-- /.box-body-->
			</div>
			<!-- /.box -->
			</div>
			<!-- /.col -->
			</div>
			<!-- /.row -->
			</section>
			<!-- /.content -->