ruby-trade 0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +5 -0
- data/README.md +99 -0
- data/examples/market_maker.rb +42 -0
- data/lib/Gemfile +6 -0
- data/lib/Gemfile.lock +23 -0
- data/lib/client.rb +203 -0
- data/lib/order.rb +49 -0
- data/lib/ruby-trade.rb +1 -0
- data/rubytrade.gemspec +12 -0
- data/server/Gemfile +12 -0
- data/server/Gemfile.lock +57 -0
- data/server/account.rb +39 -0
- data/server/app.rb +20 -0
- data/server/exchange.rb +59 -0
- data/server/order-book.rb +113 -0
- data/server/order.rb +60 -0
- data/server/public/app.js +51 -0
- data/server/public/dist/css/bootstrap-theme.css +459 -0
- data/server/public/dist/css/bootstrap-theme.min.css +9 -0
- data/server/public/dist/css/bootstrap.css +7098 -0
- data/server/public/dist/css/bootstrap.min.css +9 -0
- data/server/public/dist/fonts/glyphicons-halflings-regular.eot +0 -0
- data/server/public/dist/fonts/glyphicons-halflings-regular.svg +229 -0
- data/server/public/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/server/public/dist/fonts/glyphicons-halflings-regular.woff +0 -0
- data/server/public/dist/js/bootstrap.js +2002 -0
- data/server/public/dist/js/bootstrap.min.js +9 -0
- data/server/public/flot/API.md +1464 -0
- data/server/public/flot/CONTRIBUTING.md +99 -0
- data/server/public/flot/FAQ.md +75 -0
- data/server/public/flot/LICENSE.txt +22 -0
- data/server/public/flot/Makefile +12 -0
- data/server/public/flot/NEWS.md +893 -0
- data/server/public/flot/PLUGINS.md +143 -0
- data/server/public/flot/README.md +110 -0
- data/server/public/flot/build.log +0 -0
- data/server/public/flot/examples/ajax/data-eu-gdp-growth-1.json +4 -0
- data/server/public/flot/examples/ajax/data-eu-gdp-growth-2.json +4 -0
- data/server/public/flot/examples/ajax/data-eu-gdp-growth-3.json +4 -0
- data/server/public/flot/examples/ajax/data-eu-gdp-growth-4.json +4 -0
- data/server/public/flot/examples/ajax/data-eu-gdp-growth-5.json +4 -0
- data/server/public/flot/examples/ajax/data-eu-gdp-growth.json +4 -0
- data/server/public/flot/examples/ajax/data-japan-gdp-growth.json +4 -0
- data/server/public/flot/examples/ajax/data-usa-gdp-growth.json +4 -0
- data/server/public/flot/examples/ajax/index.html +173 -0
- data/server/public/flot/examples/annotating/index.html +87 -0
- data/server/public/flot/examples/axes-interacting/index.html +97 -0
- data/server/public/flot/examples/axes-multiple/index.html +77 -0
- data/server/public/flot/examples/axes-time-zones/date.js +893 -0
- data/server/public/flot/examples/axes-time-zones/index.html +114 -0
- data/server/public/flot/examples/axes-time-zones/tz/africa +1181 -0
- data/server/public/flot/examples/axes-time-zones/tz/antarctica +413 -0
- data/server/public/flot/examples/axes-time-zones/tz/asia +2717 -0
- data/server/public/flot/examples/axes-time-zones/tz/australasia +1719 -0
- data/server/public/flot/examples/axes-time-zones/tz/backward +117 -0
- data/server/public/flot/examples/axes-time-zones/tz/etcetera +81 -0
- data/server/public/flot/examples/axes-time-zones/tz/europe +2856 -0
- data/server/public/flot/examples/axes-time-zones/tz/factory +10 -0
- data/server/public/flot/examples/axes-time-zones/tz/iso3166.tab +276 -0
- data/server/public/flot/examples/axes-time-zones/tz/leapseconds +100 -0
- data/server/public/flot/examples/axes-time-zones/tz/northamerica +3235 -0
- data/server/public/flot/examples/axes-time-zones/tz/pacificnew +28 -0
- data/server/public/flot/examples/axes-time-zones/tz/solar87 +390 -0
- data/server/public/flot/examples/axes-time-zones/tz/solar88 +390 -0
- data/server/public/flot/examples/axes-time-zones/tz/solar89 +395 -0
- data/server/public/flot/examples/axes-time-zones/tz/southamerica +1711 -0
- data/server/public/flot/examples/axes-time-zones/tz/systemv +38 -0
- data/server/public/flot/examples/axes-time-zones/tz/yearistype.sh +38 -0
- data/server/public/flot/examples/axes-time-zones/tz/zone.tab +441 -0
- data/server/public/flot/examples/axes-time/index.html +137 -0
- data/server/public/flot/examples/background.png +0 -0
- data/server/public/flot/examples/basic-options/index.html +91 -0
- data/server/public/flot/examples/basic-usage/index.html +57 -0
- data/server/public/flot/examples/canvas/index.html +75 -0
- data/server/public/flot/examples/categories/index.html +64 -0
- data/server/public/flot/examples/examples.css +97 -0
- data/server/public/flot/examples/image/hs-2004-27-a-large-web.jpg +0 -0
- data/server/public/flot/examples/image/index.html +69 -0
- data/server/public/flot/examples/index.html +80 -0
- data/server/public/flot/examples/interacting/index.html +130 -0
- data/server/public/flot/examples/navigate/arrow-down.gif +0 -0
- data/server/public/flot/examples/navigate/arrow-left.gif +0 -0
- data/server/public/flot/examples/navigate/arrow-right.gif +0 -0
- data/server/public/flot/examples/navigate/arrow-up.gif +0 -0
- data/server/public/flot/examples/navigate/index.html +153 -0
- data/server/public/flot/examples/percentiles/index.html +79 -0
- data/server/public/flot/examples/realtime/index.html +122 -0
- data/server/public/flot/examples/resize/index.html +76 -0
- data/server/public/flot/examples/selection/index.html +141 -0
- data/server/public/flot/examples/series-errorbars/index.html +150 -0
- data/server/public/flot/examples/series-pie/index.html +818 -0
- data/server/public/flot/examples/series-toggle/index.html +121 -0
- data/server/public/flot/examples/series-types/index.html +90 -0
- data/server/public/flot/examples/shared/jquery-ui/jquery-ui.min.css +6 -0
- data/server/public/flot/examples/shared/jquery-ui/jquery-ui.min.js +6 -0
- data/server/public/flot/examples/stacking/index.html +107 -0
- data/server/public/flot/examples/symbols/index.html +76 -0
- data/server/public/flot/examples/threshold/index.html +76 -0
- data/server/public/flot/examples/tracking/index.html +135 -0
- data/server/public/flot/examples/visitors/index.html +146 -0
- data/server/public/flot/examples/zooming/index.html +144 -0
- data/server/public/flot/excanvas.js +1428 -0
- data/server/public/flot/excanvas.min.js +1 -0
- data/server/public/flot/jquery.colorhelpers.js +179 -0
- data/server/public/flot/jquery.colorhelpers.min.js +21 -0
- data/server/public/flot/jquery.flot.canvas.js +345 -0
- data/server/public/flot/jquery.flot.canvas.min.js +28 -0
- data/server/public/flot/jquery.flot.categories.js +190 -0
- data/server/public/flot/jquery.flot.categories.min.js +44 -0
- data/server/public/flot/jquery.flot.crosshair.js +176 -0
- data/server/public/flot/jquery.flot.crosshair.min.js +59 -0
- data/server/public/flot/jquery.flot.errorbars.js +353 -0
- data/server/public/flot/jquery.flot.errorbars.min.js +63 -0
- data/server/public/flot/jquery.flot.fillbetween.js +226 -0
- data/server/public/flot/jquery.flot.fillbetween.min.js +30 -0
- data/server/public/flot/jquery.flot.image.js +241 -0
- data/server/public/flot/jquery.flot.image.min.js +53 -0
- data/server/public/flot/jquery.flot.js +3061 -0
- data/server/public/flot/jquery.flot.min.js +29 -0
- data/server/public/flot/jquery.flot.navigate.js +346 -0
- data/server/public/flot/jquery.flot.navigate.min.js +86 -0
- data/server/public/flot/jquery.flot.pie.js +817 -0
- data/server/public/flot/jquery.flot.pie.min.js +56 -0
- data/server/public/flot/jquery.flot.resize.js +60 -0
- data/server/public/flot/jquery.flot.resize.min.js +19 -0
- data/server/public/flot/jquery.flot.selection.js +360 -0
- data/server/public/flot/jquery.flot.selection.min.js +79 -0
- data/server/public/flot/jquery.flot.stack.js +188 -0
- data/server/public/flot/jquery.flot.stack.min.js +36 -0
- data/server/public/flot/jquery.flot.symbol.js +71 -0
- data/server/public/flot/jquery.flot.symbol.min.js +14 -0
- data/server/public/flot/jquery.flot.threshold.js +142 -0
- data/server/public/flot/jquery.flot.threshold.min.js +43 -0
- data/server/public/flot/jquery.flot.time.js +431 -0
- data/server/public/flot/jquery.flot.time.min.js +9 -0
- data/server/public/flot/jquery.js +9472 -0
- data/server/public/flot/jquery.min.js +2 -0
- data/server/public/index.html +53 -0
- data/server/public/jquery-2.0.3.min.js +6 -0
- data/server/public/sockjs-0.2.1.min.js +27 -0
- data/server/server.rb +156 -0
- data/server/test/test_order_book.rb +118 -0
- data/server/web_server.rb +110 -0
- metadata +188 -0
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
5
|
+
<title>Flot Examples: Real-time updates</title>
|
|
6
|
+
<link href="../examples.css" rel="stylesheet" type="text/css">
|
|
7
|
+
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
|
|
8
|
+
<script language="javascript" type="text/javascript" src="../../jquery.js"></script>
|
|
9
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
|
|
10
|
+
<script type="text/javascript">
|
|
11
|
+
|
|
12
|
+
$(function() {
|
|
13
|
+
|
|
14
|
+
// We use an inline data source in the example, usually data would
|
|
15
|
+
// be fetched from a server
|
|
16
|
+
|
|
17
|
+
var data = [],
|
|
18
|
+
totalPoints = 300;
|
|
19
|
+
|
|
20
|
+
function getRandomData() {
|
|
21
|
+
|
|
22
|
+
if (data.length > 0)
|
|
23
|
+
data = data.slice(1);
|
|
24
|
+
|
|
25
|
+
// Do a random walk
|
|
26
|
+
|
|
27
|
+
while (data.length < totalPoints) {
|
|
28
|
+
|
|
29
|
+
var prev = data.length > 0 ? data[data.length - 1] : 50,
|
|
30
|
+
y = prev + Math.random() * 10 - 5;
|
|
31
|
+
|
|
32
|
+
if (y < 0) {
|
|
33
|
+
y = 0;
|
|
34
|
+
} else if (y > 100) {
|
|
35
|
+
y = 100;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
data.push(y);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// Zip the generated y values with the x values
|
|
42
|
+
|
|
43
|
+
var res = [];
|
|
44
|
+
for (var i = 0; i < data.length; ++i) {
|
|
45
|
+
res.push([i, data[i]])
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return res;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// Set up the control widget
|
|
52
|
+
|
|
53
|
+
var updateInterval = 30;
|
|
54
|
+
$("#updateInterval").val(updateInterval).change(function () {
|
|
55
|
+
var v = $(this).val();
|
|
56
|
+
if (v && !isNaN(+v)) {
|
|
57
|
+
updateInterval = +v;
|
|
58
|
+
if (updateInterval < 1) {
|
|
59
|
+
updateInterval = 1;
|
|
60
|
+
} else if (updateInterval > 2000) {
|
|
61
|
+
updateInterval = 2000;
|
|
62
|
+
}
|
|
63
|
+
$(this).val("" + updateInterval);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
var plot = $.plot("#placeholder", [ getRandomData() ], {
|
|
68
|
+
series: {
|
|
69
|
+
shadowSize: 0 // Drawing is faster without shadows
|
|
70
|
+
},
|
|
71
|
+
yaxis: {
|
|
72
|
+
min: 0,
|
|
73
|
+
max: 100
|
|
74
|
+
},
|
|
75
|
+
xaxis: {
|
|
76
|
+
show: false
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
function update() {
|
|
81
|
+
|
|
82
|
+
plot.setData([getRandomData()]);
|
|
83
|
+
|
|
84
|
+
// Since the axes don't change, we don't need to call plot.setupGrid()
|
|
85
|
+
|
|
86
|
+
plot.draw();
|
|
87
|
+
setTimeout(update, updateInterval);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
update();
|
|
91
|
+
|
|
92
|
+
// Add the Flot version string to the footer
|
|
93
|
+
|
|
94
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
</script>
|
|
98
|
+
</head>
|
|
99
|
+
<body>
|
|
100
|
+
|
|
101
|
+
<div id="header">
|
|
102
|
+
<h2>Real-time updates</h2>
|
|
103
|
+
</div>
|
|
104
|
+
|
|
105
|
+
<div id="content">
|
|
106
|
+
|
|
107
|
+
<div class="demo-container">
|
|
108
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
109
|
+
</div>
|
|
110
|
+
|
|
111
|
+
<p>You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
|
112
|
+
|
|
113
|
+
<p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p>
|
|
114
|
+
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<div id="footer">
|
|
118
|
+
Copyright © 2007 - 2013 IOLA and Ole Laursen
|
|
119
|
+
</div>
|
|
120
|
+
|
|
121
|
+
</body>
|
|
122
|
+
</html>
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
5
|
+
<title>Flot Examples: Resizing</title>
|
|
6
|
+
<link href="../examples.css" rel="stylesheet" type="text/css">
|
|
7
|
+
<link href="../shared/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css">
|
|
8
|
+
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
|
|
9
|
+
<script language="javascript" type="text/javascript" src="../../jquery.js"></script>
|
|
10
|
+
<script language="javascript" type="text/javascript" src="../shared/jquery-ui/jquery-ui.min.js"></script>
|
|
11
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
|
|
12
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.resize.js"></script>
|
|
13
|
+
<script type="text/javascript">
|
|
14
|
+
|
|
15
|
+
$(function() {
|
|
16
|
+
|
|
17
|
+
var d1 = [];
|
|
18
|
+
for (var i = 0; i < 14; i += 0.5) {
|
|
19
|
+
d1.push([i, Math.sin(i)]);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
|
|
23
|
+
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
|
|
24
|
+
|
|
25
|
+
var placeholder = $("#placeholder");
|
|
26
|
+
var plot = $.plot(placeholder, [d1, d2, d3]);
|
|
27
|
+
|
|
28
|
+
// The plugin includes a jQuery plugin for adding resize events to any
|
|
29
|
+
// element. Add a callback so we can display the placeholder size.
|
|
30
|
+
|
|
31
|
+
placeholder.resize(function () {
|
|
32
|
+
$(".message").text("Placeholder is now "
|
|
33
|
+
+ $(this).width() + "x" + $(this).height()
|
|
34
|
+
+ " pixels");
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
$(".demo-container").resizable({
|
|
38
|
+
maxWidth: 900,
|
|
39
|
+
maxHeight: 500,
|
|
40
|
+
minWidth: 450,
|
|
41
|
+
minHeight: 250,
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// Add the Flot version string to the footer
|
|
45
|
+
|
|
46
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
</script>
|
|
50
|
+
</head>
|
|
51
|
+
<body>
|
|
52
|
+
|
|
53
|
+
<div id="header">
|
|
54
|
+
<h2>Resizing</h2>
|
|
55
|
+
</div>
|
|
56
|
+
|
|
57
|
+
<div id="content">
|
|
58
|
+
|
|
59
|
+
<div class="demo-container">
|
|
60
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<p class="message"></p>
|
|
64
|
+
|
|
65
|
+
<p>Sometimes it makes more sense to just let the plot take up the available space. In that case, we need to redraw the plot each time the placeholder changes its size. If you include the resize plugin, this is handled automatically.</p>
|
|
66
|
+
|
|
67
|
+
<p>Drag the bottom and right sides of the plot to resize it.</p>
|
|
68
|
+
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<div id="footer">
|
|
72
|
+
Copyright © 2007 - 2013 IOLA and Ole Laursen
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
</body>
|
|
76
|
+
</html>
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
5
|
+
<title>Flot Examples: Selection</title>
|
|
6
|
+
<link href="../examples.css" rel="stylesheet" type="text/css">
|
|
7
|
+
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
|
|
8
|
+
<script language="javascript" type="text/javascript" src="../../jquery.js"></script>
|
|
9
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
|
|
10
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.selection.js"></script>
|
|
11
|
+
<script type="text/javascript">
|
|
12
|
+
|
|
13
|
+
$(function() {
|
|
14
|
+
|
|
15
|
+
var data = [{
|
|
16
|
+
label: "United States",
|
|
17
|
+
data: [[1990, 18.9], [1991, 18.7], [1992, 18.4], [1993, 19.3], [1994, 19.5], [1995, 19.3], [1996, 19.4], [1997, 20.2], [1998, 19.8], [1999, 19.9], [2000, 20.4], [2001, 20.1], [2002, 20.0], [2003, 19.8], [2004, 20.4]]
|
|
18
|
+
}, {
|
|
19
|
+
label: "Russia",
|
|
20
|
+
data: [[1992, 13.4], [1993, 12.2], [1994, 10.6], [1995, 10.2], [1996, 10.1], [1997, 9.7], [1998, 9.5], [1999, 9.7], [2000, 9.9], [2001, 9.9], [2002, 9.9], [2003, 10.3], [2004, 10.5]]
|
|
21
|
+
}, {
|
|
22
|
+
label: "United Kingdom",
|
|
23
|
+
data: [[1990, 10.0], [1991, 11.3], [1992, 9.9], [1993, 9.6], [1994, 9.5], [1995, 9.5], [1996, 9.9], [1997, 9.3], [1998, 9.2], [1999, 9.2], [2000, 9.5], [2001, 9.6], [2002, 9.3], [2003, 9.4], [2004, 9.79]]
|
|
24
|
+
}, {
|
|
25
|
+
label: "Germany",
|
|
26
|
+
data: [[1990, 12.4], [1991, 11.2], [1992, 10.8], [1993, 10.5], [1994, 10.4], [1995, 10.2], [1996, 10.5], [1997, 10.2], [1998, 10.1], [1999, 9.6], [2000, 9.7], [2001, 10.0], [2002, 9.7], [2003, 9.8], [2004, 9.79]]
|
|
27
|
+
}, {
|
|
28
|
+
label: "Denmark",
|
|
29
|
+
data: [[1990, 9.7], [1991, 12.1], [1992, 10.3], [1993, 11.3], [1994, 11.7], [1995, 10.6], [1996, 12.8], [1997, 10.8], [1998, 10.3], [1999, 9.4], [2000, 8.7], [2001, 9.0], [2002, 8.9], [2003, 10.1], [2004, 9.80]]
|
|
30
|
+
}, {
|
|
31
|
+
label: "Sweden",
|
|
32
|
+
data: [[1990, 5.8], [1991, 6.0], [1992, 5.9], [1993, 5.5], [1994, 5.7], [1995, 5.3], [1996, 6.1], [1997, 5.4], [1998, 5.4], [1999, 5.1], [2000, 5.2], [2001, 5.4], [2002, 6.2], [2003, 5.9], [2004, 5.89]]
|
|
33
|
+
}, {
|
|
34
|
+
label: "Norway",
|
|
35
|
+
data: [[1990, 8.3], [1991, 8.3], [1992, 7.8], [1993, 8.3], [1994, 8.4], [1995, 5.9], [1996, 6.4], [1997, 6.7], [1998, 6.9], [1999, 7.6], [2000, 7.4], [2001, 8.1], [2002, 12.5], [2003, 9.9], [2004, 19.0]]
|
|
36
|
+
}];
|
|
37
|
+
|
|
38
|
+
var options = {
|
|
39
|
+
series: {
|
|
40
|
+
lines: {
|
|
41
|
+
show: true
|
|
42
|
+
},
|
|
43
|
+
points: {
|
|
44
|
+
show: true
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
legend: {
|
|
48
|
+
noColumns: 2
|
|
49
|
+
},
|
|
50
|
+
xaxis: {
|
|
51
|
+
tickDecimals: 0
|
|
52
|
+
},
|
|
53
|
+
yaxis: {
|
|
54
|
+
min: 0
|
|
55
|
+
},
|
|
56
|
+
selection: {
|
|
57
|
+
mode: "x"
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
var placeholder = $("#placeholder");
|
|
62
|
+
|
|
63
|
+
placeholder.bind("plotselected", function (event, ranges) {
|
|
64
|
+
|
|
65
|
+
$("#selection").text(ranges.xaxis.from.toFixed(1) + " to " + ranges.xaxis.to.toFixed(1));
|
|
66
|
+
|
|
67
|
+
var zoom = $("#zoom").attr("checked");
|
|
68
|
+
|
|
69
|
+
if (zoom) {
|
|
70
|
+
plot = $.plot(placeholder, data, $.extend(true, {}, options, {
|
|
71
|
+
xaxis: {
|
|
72
|
+
min: ranges.xaxis.from,
|
|
73
|
+
max: ranges.xaxis.to
|
|
74
|
+
}
|
|
75
|
+
}));
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
placeholder.bind("plotunselected", function (event) {
|
|
80
|
+
$("#selection").text("");
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
var plot = $.plot(placeholder, data, options);
|
|
84
|
+
|
|
85
|
+
$("#clearSelection").click(function () {
|
|
86
|
+
plot.clearSelection();
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
$("#setSelection").click(function () {
|
|
90
|
+
plot.setSelection({
|
|
91
|
+
xaxis: {
|
|
92
|
+
from: 1994,
|
|
93
|
+
to: 1995
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
// Add the Flot version string to the footer
|
|
99
|
+
|
|
100
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
</script>
|
|
104
|
+
</head>
|
|
105
|
+
<body>
|
|
106
|
+
|
|
107
|
+
<div id="header">
|
|
108
|
+
<h2>Selection</h2>
|
|
109
|
+
</div>
|
|
110
|
+
|
|
111
|
+
<div id="content">
|
|
112
|
+
|
|
113
|
+
<div class="demo-container">
|
|
114
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<p>1000 kg. CO<sub>2</sub> emissions per year per capita for various countries (source: <a href="http://en.wikipedia.org/wiki/List_of_countries_by_carbon_dioxide_emissions_per_capita">Wikipedia</a>).</p>
|
|
118
|
+
|
|
119
|
+
<p>Flot supports selections through the selection plugin. You can enable rectangular selection or one-dimensional selection if the user should only be able to select on one axis. Try left-click and drag on the plot above where selection on the x axis is enabled.</p>
|
|
120
|
+
|
|
121
|
+
<p>You selected: <span id="selection"></span></p>
|
|
122
|
+
|
|
123
|
+
<p>The plot command returns a plot object you can use to control the selection. Click the buttons below.</p>
|
|
124
|
+
|
|
125
|
+
<p>
|
|
126
|
+
<button id="clearSelection">Clear selection</button>
|
|
127
|
+
<button id="setSelection">Select year 1994</button>
|
|
128
|
+
</p>
|
|
129
|
+
|
|
130
|
+
<p>Selections are really useful for zooming. Just replot the chart with min and max values for the axes set to the values in the "plotselected" event triggered. Enable the checkbox below and select a region again.</p>
|
|
131
|
+
|
|
132
|
+
<p><label><input id="zoom" type="checkbox"></input>Zoom to selection.</label></p>
|
|
133
|
+
|
|
134
|
+
</div>
|
|
135
|
+
|
|
136
|
+
<div id="footer">
|
|
137
|
+
Copyright © 2007 - 2013 IOLA and Ole Laursen
|
|
138
|
+
</div>
|
|
139
|
+
|
|
140
|
+
</body>
|
|
141
|
+
</html>
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
5
|
+
<title>Flot Examples: Error Bars</title>
|
|
6
|
+
<link href="../examples.css" rel="stylesheet" type="text/css">
|
|
7
|
+
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
|
|
8
|
+
<script language="javascript" type="text/javascript" src="../../jquery.js"></script>
|
|
9
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
|
|
10
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.errorbars.js"></script>
|
|
11
|
+
<script language="javascript" type="text/javascript" src="../../jquery.flot.navigate.js"></script>
|
|
12
|
+
<script type="text/javascript">
|
|
13
|
+
|
|
14
|
+
$(function() {
|
|
15
|
+
|
|
16
|
+
function drawArrow(ctx, x, y, radius){
|
|
17
|
+
ctx.beginPath();
|
|
18
|
+
ctx.moveTo(x + radius, y + radius);
|
|
19
|
+
ctx.lineTo(x, y);
|
|
20
|
+
ctx.lineTo(x - radius, y + radius);
|
|
21
|
+
ctx.stroke();
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function drawSemiCircle(ctx, x, y, radius){
|
|
25
|
+
ctx.beginPath();
|
|
26
|
+
ctx.arc(x, y, radius, 0, Math.PI, false);
|
|
27
|
+
ctx.moveTo(x - radius, y);
|
|
28
|
+
ctx.lineTo(x + radius, y);
|
|
29
|
+
ctx.stroke();
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
var data1 = [
|
|
33
|
+
[1,1,.5,.1,.3],
|
|
34
|
+
[2,2,.3,.5,.2],
|
|
35
|
+
[3,3,.9,.5,.2],
|
|
36
|
+
[1.5,-.05,.5,.1,.3],
|
|
37
|
+
[3.15,1.,.5,.1,.3],
|
|
38
|
+
[2.5,-1.,.5,.1,.3]
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
var data1_points = {
|
|
42
|
+
show: true,
|
|
43
|
+
radius: 5,
|
|
44
|
+
fillColor: "blue",
|
|
45
|
+
errorbars: "xy",
|
|
46
|
+
xerr: {show: true, asymmetric: true, upperCap: "-", lowerCap: "-"},
|
|
47
|
+
yerr: {show: true, color: "red", upperCap: "-"}
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
var data2 = [
|
|
51
|
+
[.7,3,.2,.4],
|
|
52
|
+
[1.5,2.2,.3,.4],
|
|
53
|
+
[2.3,1,.5,.2]
|
|
54
|
+
];
|
|
55
|
+
|
|
56
|
+
var data2_points = {
|
|
57
|
+
show: true,
|
|
58
|
+
radius: 5,
|
|
59
|
+
errorbars: "y",
|
|
60
|
+
yerr: {show:true, asymmetric:true, upperCap: drawArrow, lowerCap: drawSemiCircle}
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
var data3 = [
|
|
64
|
+
[1,2,.4],
|
|
65
|
+
[2,0.5,.3],
|
|
66
|
+
[2.7,2,.5]
|
|
67
|
+
];
|
|
68
|
+
|
|
69
|
+
var data3_points = {
|
|
70
|
+
//do not show points
|
|
71
|
+
radius: 0,
|
|
72
|
+
errorbars: "y",
|
|
73
|
+
yerr: {show:true, upperCap: "-", lowerCap: "-", radius: 5}
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
var data4 = [
|
|
77
|
+
[1.3, 1],
|
|
78
|
+
[1.75, 2.5],
|
|
79
|
+
[2.5, 0.5]
|
|
80
|
+
];
|
|
81
|
+
|
|
82
|
+
var data4_errors = [0.1, 0.4, 0.2];
|
|
83
|
+
for (var i = 0; i < data4.length; i++) {
|
|
84
|
+
data4_errors[i] = data4[i].concat(data4_errors[i])
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
var data = [
|
|
88
|
+
{color: "blue", points: data1_points, data: data1, label: "data1"},
|
|
89
|
+
{color: "red", points: data2_points, data: data2, label: "data2"},
|
|
90
|
+
{color: "green", lines: {show: true}, points: data3_points, data: data3, label: "data3"},
|
|
91
|
+
// bars with errors
|
|
92
|
+
{color: "orange", bars: {show: true, align: "center", barWidth: 0.25}, data: data4, label: "data4"},
|
|
93
|
+
{color: "orange", points: data3_points, data: data4_errors}
|
|
94
|
+
];
|
|
95
|
+
|
|
96
|
+
$.plot($("#placeholder"), data , {
|
|
97
|
+
legend: {
|
|
98
|
+
position: "sw",
|
|
99
|
+
show: true
|
|
100
|
+
},
|
|
101
|
+
series: {
|
|
102
|
+
lines: {
|
|
103
|
+
show: false
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
xaxis: {
|
|
107
|
+
min: 0.6,
|
|
108
|
+
max: 3.1
|
|
109
|
+
},
|
|
110
|
+
yaxis: {
|
|
111
|
+
min: 0,
|
|
112
|
+
max: 3.5
|
|
113
|
+
},
|
|
114
|
+
zoom: {
|
|
115
|
+
interactive: true
|
|
116
|
+
},
|
|
117
|
+
pan: {
|
|
118
|
+
interactive: true
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
// Add the Flot version string to the footer
|
|
123
|
+
|
|
124
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
125
|
+
});
|
|
126
|
+
|
|
127
|
+
</script>
|
|
128
|
+
</head>
|
|
129
|
+
<body>
|
|
130
|
+
|
|
131
|
+
<div id="header">
|
|
132
|
+
<h2>Error Bars</h2>
|
|
133
|
+
</div>
|
|
134
|
+
|
|
135
|
+
<div id="content">
|
|
136
|
+
|
|
137
|
+
<div class="demo-container">
|
|
138
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
139
|
+
</div>
|
|
140
|
+
|
|
141
|
+
<p>With the errorbars plugin you can plot error bars to show standard deviation and other useful statistical properties.</p>
|
|
142
|
+
|
|
143
|
+
</div>
|
|
144
|
+
|
|
145
|
+
<div id="footer">
|
|
146
|
+
Copyright © 2007 - 2013 IOLA and Ole Laursen
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
</body>
|
|
150
|
+
</html>
|