-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (78 loc) · 3.83 KB
/
index.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
<!DOCTYPE html>
<html ng-app="app">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<style type="text/css">
* {
font-family: 'Lato', sans-serif;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div ng-controller="charts" class="charts">
<textarea class="form-control points names" placeholder="Names" ng-model="chartNames"></textarea>
<div class="points">
<textarea class="form-control points" placeholder="Points" ng-repeat="points in pointSets track by $index" ng-model="points.points"></textarea>
</div>
<div>
<button type="button" class="btn btn-default" ng-click="addPoints()">
<i class="fa fa-plus-circle fa-lg"></i>
</button>
<strong> | </strong>
<input type="checkbox" id="pieCheckbox" ng-model="pieCheckbox">
<label for="pieCheckbox">Pie Chart</label>
<input type="checkbox" id="lineCheckbox" ng-model="lineCheckbox">
<label for="lineCheckbox">Line Chart</label>
<input type="checkbox" id="barCheckbox" ng-model="barCheckbox">
<label for="barCheckbox">Bar Chart</label>
<strong> | </strong>
<button type="button" class="btn btn-default" ng-click="draw()">
<i class="fa fa-pie-chart fa-lg"></i>
</button>
<strong>|</strong>
<button type="button" class="btn btn-default" ng-click="clear()">
<i class="fa fa-refresh fa-lg"></i>
</button>
</div>
<div style="margin-top: 5px">
<select style="display:inline-block;width:100px" ng-model="position" class="form-control">
<option value="bottom">Bottom</option>
<option value="right">Right</option>
<option value="top">Top</option>
<option value="left">Left</option>
<option value="0">None</option>
</select>
<strong>|</strong>
<input type="text" class="form-control" style="width: 100px;display:inline-block;" placeholder="Width" ng-model="chartWidth">
<input type="text" class="form-control" style="width:100px;display:inline-block;" placeholder="Height" ng-model="chartHeight">
<strong>|</strong>
<input type="text" class="form-control" style="width:100px;display:inline-block;" placeholder="Height" ng-model="lineChartWidth">
<input type="text" class="form-control" style="width:100px;display:inline-block;" placeholder="Height" ng-model="lineChartHeight">
<strong>|</strong>
<input type="text" class="form-control" style="width:100px;display:inline-block;" placeholder="Height" ng-model="barChartWidth">
<input type="text" class="form-control" style="width:100px;display:inline-block;" placeholder="Height" ng-model="barChartHeight">
</div>
</div>
</div>
<hr>
<div id="charts">
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {
packages: ["corechart"]
});
</script>
<script src="app.js"></script>
</body>
</html>