forked from gonewandering/angles
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (63 loc) · 2.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angular Chart.js Wrapper Stocks Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<link href="app.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row-fluid">
<div class="span6">
<h4>Angular Chart.js Wrapper</h4>
</div>
<div class="span6 right">
<h4>Thrown together by <a href="http://lindsay.gs">Lindsay Silver</a></h4>
</div>
</div>
</div>
<div ng-app="anglesExample">
<div class="container" ng-controller="angCtrl">
<div class="row-fluid">
<div class="span4">
<h1>A simple Chart.js wrapper for Angular</h1>
</div>
<div class="span8">
<h4>Angles.js is a set of directives that wrap the chart.js library for use with angular. Just include the angles.js file, add "angles" to your list of app requirements and check out the source for use. More to come.</h4>
<h4>As usual, I reserve no rights to this work. It's yours to do what you wish with. Check out the source, or github for details.</h4>
<h4><a href="http://github.com/lgsilver/angles" class="btn btn-large"><i class="icon-github"></i> Download from Github</a></h4>
</div>
</div>
<div class="row-fluid">
<div class="span6" style="margin:40px 0;">
<canvas linechart options="options" data="chart[0]" id="lineChart" width="500" height="300"></canvas>
</div>
<div class="span6" style="margin:40px 0;">
<canvas chart type="Bar" options="options" data="chart[1]" id="barChart" width="500" height="300"></canvas>
</div>
</div>
<div class="row-fluid">
<div class="span6" style="margin:40px 0;">
<canvas radarchart options="options" data="chart[2]" id="radarChart" width="500" height="300"></canvas>
</div>
<div class="span6" style="margin:40px 0;">
<canvas polarchart options="options" data="chart[3]" id="bar2Chart" width="500" height="300"></canvas>
</div>
</div>
</div> <!-- /container -->
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="libs/angular/angular.min.js"></script>
<script src="libs/Chart.js/Chart.min.js"></script>
<script src="libs/angles.js"></script>
<script src="app.js"></script>
</body>
</html>