forked from srinathperera/igviz
-
Notifications
You must be signed in to change notification settings - Fork 0
/
preview.html
114 lines (113 loc) · 5.17 KB
/
preview.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!--
~ Copyright (c) 2014-2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
~
~ WSO2 Inc. licenses this file to you under the Apache License,
~ Version 2.0 (the "License"); you may not use this file except
~ in compliance with the License.
~ You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing,
~ software distributed under the License is distributed on an
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
~ KIND, either express or implied. See the License for the
~ specific language governing permissions and limitations
~ under the License.
-->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script type="text/javascript" src="scripts/js/d3.js"></script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<link href="scripts/css/bootstrap.min.css" rel="stylesheet">
<link href="scripts/css/igviz.css" rel="stylesheet">
<script src="scripts/js/jquery.min.js"></script>
<script src="scripts/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script type="text/javascript" src="scripts/js/generic_draw.js"></script>
</head>
<body>
<div id="wrapper">
<nav class="navbar navbar-default navbar-static-top" style="margin-bottom: 0" role="navigation">
<div class="navbar-default sidebar" role="navigation">
</div>
</nav>
<div id="page-wrapper" style="min-height: 623px;">
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Chart Configure</h1>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-heading"> Rows </div>
<div class="panel-body">
<div class="container">
<div class="row">
<div class="form-group form-group-multiple-selects col-xs-11 col-sm-8 col-md-4">
<div class="input-group input-row-group-multiple-select col-xs-12 rowuniqueNum">
<select id="selectRowsId" class="form-control" name="values[]">
<option value="">Select</option>
</select>
<span class="input-group-addon input-row-group-addon-remove">
<span class="glyphicon glyphicon-remove"></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-default">
<div class="panel-heading"> Preview </div>
<div class="panel-body">
<div id="chart">
</div>
</div>
</div>
</div>
<div class="col-lg-3">
</div>
<div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-heading"> Columns </div>
<div class="panel-body">
<div class="container">
<div class="column">
<div class="form-group form-group-multiple-selects col-xs-11 col-sm-8 col-md-4">
<div class="input-group input-column-group-multiple-select col-xs-12 columnuniqueNum">
<select id="selectColumnsId" class="form-control" name="values[]">
<option value="">Select</option>
</select>
<span class="input-group-addon input-column-group-addon-remove">
<span class="glyphicon glyphicon-remove"></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading"> Morris.js Usage </div>
<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,
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>