columbus3 0.2.1 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.textile +62 -0
- data/bower_components/flot/.bower.json +19 -0
- data/bower_components/flot/.gitignore +3 -0
- data/bower_components/flot/.travis.yml +3 -0
- data/bower_components/flot/API.md +1498 -0
- data/bower_components/flot/CONTRIBUTING.md +98 -0
- data/bower_components/flot/FAQ.md +75 -0
- data/bower_components/flot/LICENSE.txt +22 -0
- data/bower_components/flot/Makefile +12 -0
- data/bower_components/flot/NEWS.md +1026 -0
- data/bower_components/flot/PLUGINS.md +143 -0
- data/bower_components/flot/README.md +110 -0
- data/bower_components/flot/component.json +8 -0
- data/bower_components/flot/examples/ajax/data-eu-gdp-growth-1.json +4 -0
- data/bower_components/flot/examples/ajax/data-eu-gdp-growth-2.json +4 -0
- data/bower_components/flot/examples/ajax/data-eu-gdp-growth-3.json +4 -0
- data/bower_components/flot/examples/ajax/data-eu-gdp-growth-4.json +4 -0
- data/bower_components/flot/examples/ajax/data-eu-gdp-growth-5.json +4 -0
- data/bower_components/flot/examples/ajax/data-eu-gdp-growth.json +4 -0
- data/bower_components/flot/examples/ajax/data-japan-gdp-growth.json +4 -0
- data/bower_components/flot/examples/ajax/data-usa-gdp-growth.json +4 -0
- data/bower_components/flot/examples/ajax/index.html +173 -0
- data/bower_components/flot/examples/annotating/index.html +87 -0
- data/bower_components/flot/examples/axes-interacting/index.html +97 -0
- data/bower_components/flot/examples/axes-multiple/index.html +77 -0
- data/bower_components/flot/examples/axes-time-zones/date.js +893 -0
- data/bower_components/flot/examples/axes-time-zones/index.html +114 -0
- data/bower_components/flot/examples/axes-time-zones/tz/africa +1181 -0
- data/bower_components/flot/examples/axes-time-zones/tz/antarctica +413 -0
- data/bower_components/flot/examples/axes-time-zones/tz/asia +2717 -0
- data/bower_components/flot/examples/axes-time-zones/tz/australasia +1719 -0
- data/bower_components/flot/examples/axes-time-zones/tz/backward +117 -0
- data/bower_components/flot/examples/axes-time-zones/tz/etcetera +81 -0
- data/bower_components/flot/examples/axes-time-zones/tz/europe +2856 -0
- data/bower_components/flot/examples/axes-time-zones/tz/factory +10 -0
- data/bower_components/flot/examples/axes-time-zones/tz/iso3166.tab +276 -0
- data/bower_components/flot/examples/axes-time-zones/tz/leapseconds +100 -0
- data/bower_components/flot/examples/axes-time-zones/tz/northamerica +3235 -0
- data/bower_components/flot/examples/axes-time-zones/tz/pacificnew +28 -0
- data/bower_components/flot/examples/axes-time-zones/tz/solar87 +390 -0
- data/bower_components/flot/examples/axes-time-zones/tz/solar88 +390 -0
- data/bower_components/flot/examples/axes-time-zones/tz/solar89 +395 -0
- data/bower_components/flot/examples/axes-time-zones/tz/southamerica +1711 -0
- data/bower_components/flot/examples/axes-time-zones/tz/systemv +38 -0
- data/bower_components/flot/examples/axes-time-zones/tz/yearistype.sh +38 -0
- data/bower_components/flot/examples/axes-time-zones/tz/zone.tab +441 -0
- data/bower_components/flot/examples/axes-time/index.html +137 -0
- data/bower_components/flot/examples/background.png +0 -0
- data/bower_components/flot/examples/basic-options/index.html +91 -0
- data/bower_components/flot/examples/basic-usage/index.html +57 -0
- data/bower_components/flot/examples/canvas/index.html +75 -0
- data/bower_components/flot/examples/categories/index.html +64 -0
- data/bower_components/flot/examples/examples.css +97 -0
- data/bower_components/flot/examples/image/hs-2004-27-a-large-web.jpg +0 -0
- data/bower_components/flot/examples/image/index.html +69 -0
- data/bower_components/flot/examples/index.html +80 -0
- data/bower_components/flot/examples/interacting/index.html +118 -0
- data/bower_components/flot/examples/navigate/arrow-down.gif +0 -0
- data/bower_components/flot/examples/navigate/arrow-left.gif +0 -0
- data/bower_components/flot/examples/navigate/arrow-right.gif +0 -0
- data/bower_components/flot/examples/navigate/arrow-up.gif +0 -0
- data/bower_components/flot/examples/navigate/index.html +153 -0
- data/bower_components/flot/examples/percentiles/index.html +79 -0
- data/bower_components/flot/examples/realtime/index.html +122 -0
- data/bower_components/flot/examples/resize/index.html +76 -0
- data/bower_components/flot/examples/selection/index.html +152 -0
- data/bower_components/flot/examples/series-errorbars/index.html +150 -0
- data/bower_components/flot/examples/series-pie/index.html +818 -0
- data/bower_components/flot/examples/series-toggle/index.html +121 -0
- data/bower_components/flot/examples/series-types/index.html +90 -0
- data/bower_components/flot/examples/shared/jquery-ui/jquery-ui.min.css +6 -0
- data/bower_components/flot/examples/stacking/index.html +107 -0
- data/bower_components/flot/examples/symbols/index.html +76 -0
- data/bower_components/flot/examples/threshold/index.html +76 -0
- data/bower_components/flot/examples/tracking/index.html +135 -0
- data/bower_components/flot/examples/visitors/index.html +147 -0
- data/bower_components/flot/examples/zooming/index.html +144 -0
- data/bower_components/flot/excanvas.js +1428 -0
- data/bower_components/flot/excanvas.min.js +1 -0
- data/bower_components/flot/flot.jquery.json +27 -0
- data/bower_components/flot/jquery.colorhelpers.js +180 -0
- data/bower_components/flot/jquery.flot.canvas.js +345 -0
- data/bower_components/flot/jquery.flot.categories.js +190 -0
- data/bower_components/flot/jquery.flot.crosshair.js +176 -0
- data/bower_components/flot/jquery.flot.errorbars.js +353 -0
- data/bower_components/flot/jquery.flot.fillbetween.js +226 -0
- data/bower_components/flot/jquery.flot.image.js +241 -0
- data/bower_components/flot/jquery.flot.js +3168 -0
- data/bower_components/flot/jquery.flot.navigate.js +346 -0
- data/bower_components/flot/jquery.flot.pie.js +820 -0
- data/bower_components/flot/jquery.flot.resize.js +59 -0
- data/bower_components/flot/jquery.flot.selection.js +360 -0
- data/bower_components/flot/jquery.flot.stack.js +188 -0
- data/bower_components/flot/jquery.flot.symbol.js +71 -0
- data/bower_components/flot/jquery.flot.threshold.js +142 -0
- data/bower_components/flot/jquery.flot.time.js +432 -0
- data/bower_components/flot/jquery.js +9472 -0
- data/bower_components/flot/package.json +11 -0
- data/bower_components/jquery/.bower.json +38 -0
- data/bower_components/jquery/MIT-LICENSE.txt +21 -0
- data/bower_components/jquery/bower.json +28 -0
- data/bower_components/jquery/dist/jquery.js +9210 -0
- data/bower_components/jquery/dist/jquery.min.js +5 -0
- data/bower_components/jquery/dist/jquery.min.map +1 -0
- data/bower_components/jquery/src/ajax.js +786 -0
- data/bower_components/jquery/src/ajax/jsonp.js +89 -0
- data/bower_components/jquery/src/ajax/load.js +75 -0
- data/bower_components/jquery/src/ajax/parseJSON.js +13 -0
- data/bower_components/jquery/src/ajax/parseXML.js +28 -0
- data/bower_components/jquery/src/ajax/script.js +64 -0
- data/bower_components/jquery/src/ajax/var/nonce.js +5 -0
- data/bower_components/jquery/src/ajax/var/rquery.js +3 -0
- data/bower_components/jquery/src/ajax/xhr.js +136 -0
- data/bower_components/jquery/src/attributes.js +11 -0
- data/bower_components/jquery/src/attributes/attr.js +141 -0
- data/bower_components/jquery/src/attributes/classes.js +158 -0
- data/bower_components/jquery/src/attributes/prop.js +94 -0
- data/bower_components/jquery/src/attributes/support.js +35 -0
- data/bower_components/jquery/src/attributes/val.js +161 -0
- data/bower_components/jquery/src/callbacks.js +205 -0
- data/bower_components/jquery/src/core.js +502 -0
- data/bower_components/jquery/src/core/access.js +60 -0
- data/bower_components/jquery/src/core/init.js +123 -0
- data/bower_components/jquery/src/core/parseHTML.js +39 -0
- data/bower_components/jquery/src/core/ready.js +97 -0
- data/bower_components/jquery/src/core/var/rsingleTag.js +4 -0
- data/bower_components/jquery/src/css.js +450 -0
- data/bower_components/jquery/src/css/addGetHookIf.js +22 -0
- data/bower_components/jquery/src/css/curCSS.js +57 -0
- data/bower_components/jquery/src/css/defaultDisplay.js +70 -0
- data/bower_components/jquery/src/css/hiddenVisibleSelectors.js +15 -0
- data/bower_components/jquery/src/css/support.js +96 -0
- data/bower_components/jquery/src/css/swap.js +28 -0
- data/bower_components/jquery/src/css/var/cssExpand.js +3 -0
- data/bower_components/jquery/src/css/var/getStyles.js +12 -0
- data/bower_components/jquery/src/css/var/isHidden.js +13 -0
- data/bower_components/jquery/src/css/var/rmargin.js +3 -0
- data/bower_components/jquery/src/css/var/rnumnonpx.js +5 -0
- data/bower_components/jquery/src/data.js +178 -0
- data/bower_components/jquery/src/data/Data.js +181 -0
- data/bower_components/jquery/src/data/accepts.js +20 -0
- data/bower_components/jquery/src/data/var/data_priv.js +5 -0
- data/bower_components/jquery/src/data/var/data_user.js +5 -0
- data/bower_components/jquery/src/deferred.js +149 -0
- data/bower_components/jquery/src/deprecated.js +13 -0
- data/bower_components/jquery/src/dimensions.js +50 -0
- data/bower_components/jquery/src/effects.js +648 -0
- data/bower_components/jquery/src/effects/Tween.js +114 -0
- data/bower_components/jquery/src/effects/animatedSelector.js +13 -0
- data/bower_components/jquery/src/event.js +868 -0
- data/bower_components/jquery/src/event/ajax.js +13 -0
- data/bower_components/jquery/src/event/alias.js +39 -0
- data/bower_components/jquery/src/event/support.js +9 -0
- data/bower_components/jquery/src/exports/amd.js +24 -0
- data/bower_components/jquery/src/exports/global.js +32 -0
- data/bower_components/jquery/src/intro.js +44 -0
- data/bower_components/jquery/src/jquery.js +37 -0
- data/bower_components/jquery/src/manipulation.js +580 -0
- data/bower_components/jquery/src/manipulation/_evalUrl.js +18 -0
- data/bower_components/jquery/src/manipulation/support.js +32 -0
- data/bower_components/jquery/src/manipulation/var/rcheckableType.js +3 -0
- data/bower_components/jquery/src/offset.js +207 -0
- data/bower_components/jquery/src/outro.js +1 -0
- data/bower_components/jquery/src/queue.js +142 -0
- data/bower_components/jquery/src/queue/delay.js +22 -0
- data/bower_components/jquery/src/selector-native.js +172 -0
- data/bower_components/jquery/src/selector-sizzle.js +14 -0
- data/bower_components/jquery/src/selector.js +1 -0
- data/bower_components/jquery/src/serialize.js +111 -0
- data/bower_components/jquery/src/sizzle/dist/sizzle.js +2067 -0
- data/bower_components/jquery/src/sizzle/dist/sizzle.min.js +3 -0
- data/bower_components/jquery/src/sizzle/dist/sizzle.min.map +1 -0
- data/bower_components/jquery/src/traversing.js +199 -0
- data/bower_components/jquery/src/traversing/findFilter.js +100 -0
- data/bower_components/jquery/src/traversing/var/rneedsContext.js +6 -0
- data/bower_components/jquery/src/var/arr.js +3 -0
- data/bower_components/jquery/src/var/class2type.js +4 -0
- data/bower_components/jquery/src/var/concat.js +5 -0
- data/bower_components/jquery/src/var/hasOwn.js +5 -0
- data/bower_components/jquery/src/var/indexOf.js +5 -0
- data/bower_components/jquery/src/var/pnum.js +3 -0
- data/bower_components/jquery/src/var/push.js +5 -0
- data/bower_components/jquery/src/var/rnotwhite.js +3 -0
- data/bower_components/jquery/src/var/slice.js +5 -0
- data/bower_components/jquery/src/var/strundefined.js +3 -0
- data/bower_components/jquery/src/var/support.js +4 -0
- data/bower_components/jquery/src/var/toString.js +5 -0
- data/bower_components/jquery/src/wrap.js +79 -0
- data/columbus3.gemspec +1 -1
- data/exe/columbus3 +72 -7
- data/lib/columbus3.rb +2 -1
- data/lib/columbus3/metadata/sidecar.rb +10 -1
- data/lib/columbus3/renderer/flot_renderer.rb +66 -0
- data/lib/columbus3/renderer/{renderer.rb → leaflet_renderer.rb} +0 -0
- data/lib/columbus3/version.rb +1 -1
- data/lib/html/flot.html.erb +106 -0
- metadata +194 -5
- data/README.md +0 -41
|
@@ -0,0 +1,121 @@
|
|
|
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: Toggling Series</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
|
+
var datasets = {
|
|
15
|
+
"usa": {
|
|
16
|
+
label: "USA",
|
|
17
|
+
data: [[1988, 483994], [1989, 479060], [1990, 457648], [1991, 401949], [1992, 424705], [1993, 402375], [1994, 377867], [1995, 357382], [1996, 337946], [1997, 336185], [1998, 328611], [1999, 329421], [2000, 342172], [2001, 344932], [2002, 387303], [2003, 440813], [2004, 480451], [2005, 504638], [2006, 528692]]
|
|
18
|
+
},
|
|
19
|
+
"russia": {
|
|
20
|
+
label: "Russia",
|
|
21
|
+
data: [[1988, 218000], [1989, 203000], [1990, 171000], [1992, 42500], [1993, 37600], [1994, 36600], [1995, 21700], [1996, 19200], [1997, 21300], [1998, 13600], [1999, 14000], [2000, 19100], [2001, 21300], [2002, 23600], [2003, 25100], [2004, 26100], [2005, 31100], [2006, 34700]]
|
|
22
|
+
},
|
|
23
|
+
"uk": {
|
|
24
|
+
label: "UK",
|
|
25
|
+
data: [[1988, 62982], [1989, 62027], [1990, 60696], [1991, 62348], [1992, 58560], [1993, 56393], [1994, 54579], [1995, 50818], [1996, 50554], [1997, 48276], [1998, 47691], [1999, 47529], [2000, 47778], [2001, 48760], [2002, 50949], [2003, 57452], [2004, 60234], [2005, 60076], [2006, 59213]]
|
|
26
|
+
},
|
|
27
|
+
"germany": {
|
|
28
|
+
label: "Germany",
|
|
29
|
+
data: [[1988, 55627], [1989, 55475], [1990, 58464], [1991, 55134], [1992, 52436], [1993, 47139], [1994, 43962], [1995, 43238], [1996, 42395], [1997, 40854], [1998, 40993], [1999, 41822], [2000, 41147], [2001, 40474], [2002, 40604], [2003, 40044], [2004, 38816], [2005, 38060], [2006, 36984]]
|
|
30
|
+
},
|
|
31
|
+
"denmark": {
|
|
32
|
+
label: "Denmark",
|
|
33
|
+
data: [[1988, 3813], [1989, 3719], [1990, 3722], [1991, 3789], [1992, 3720], [1993, 3730], [1994, 3636], [1995, 3598], [1996, 3610], [1997, 3655], [1998, 3695], [1999, 3673], [2000, 3553], [2001, 3774], [2002, 3728], [2003, 3618], [2004, 3638], [2005, 3467], [2006, 3770]]
|
|
34
|
+
},
|
|
35
|
+
"sweden": {
|
|
36
|
+
label: "Sweden",
|
|
37
|
+
data: [[1988, 6402], [1989, 6474], [1990, 6605], [1991, 6209], [1992, 6035], [1993, 6020], [1994, 6000], [1995, 6018], [1996, 3958], [1997, 5780], [1998, 5954], [1999, 6178], [2000, 6411], [2001, 5993], [2002, 5833], [2003, 5791], [2004, 5450], [2005, 5521], [2006, 5271]]
|
|
38
|
+
},
|
|
39
|
+
"norway": {
|
|
40
|
+
label: "Norway",
|
|
41
|
+
data: [[1988, 4382], [1989, 4498], [1990, 4535], [1991, 4398], [1992, 4766], [1993, 4441], [1994, 4670], [1995, 4217], [1996, 4275], [1997, 4203], [1998, 4482], [1999, 4506], [2000, 4358], [2001, 4385], [2002, 5269], [2003, 5066], [2004, 5194], [2005, 4887], [2006, 4891]]
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// hard-code color indices to prevent them from shifting as
|
|
46
|
+
// countries are turned on/off
|
|
47
|
+
|
|
48
|
+
var i = 0;
|
|
49
|
+
$.each(datasets, function(key, val) {
|
|
50
|
+
val.color = i;
|
|
51
|
+
++i;
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
// insert checkboxes
|
|
55
|
+
var choiceContainer = $("#choices");
|
|
56
|
+
$.each(datasets, function(key, val) {
|
|
57
|
+
choiceContainer.append("<br/><input type='checkbox' name='" + key +
|
|
58
|
+
"' checked='checked' id='id" + key + "'></input>" +
|
|
59
|
+
"<label for='id" + key + "'>"
|
|
60
|
+
+ val.label + "</label>");
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
choiceContainer.find("input").click(plotAccordingToChoices);
|
|
64
|
+
|
|
65
|
+
function plotAccordingToChoices() {
|
|
66
|
+
|
|
67
|
+
var data = [];
|
|
68
|
+
|
|
69
|
+
choiceContainer.find("input:checked").each(function () {
|
|
70
|
+
var key = $(this).attr("name");
|
|
71
|
+
if (key && datasets[key]) {
|
|
72
|
+
data.push(datasets[key]);
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
if (data.length > 0) {
|
|
77
|
+
$.plot("#placeholder", data, {
|
|
78
|
+
yaxis: {
|
|
79
|
+
min: 0
|
|
80
|
+
},
|
|
81
|
+
xaxis: {
|
|
82
|
+
tickDecimals: 0
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
plotAccordingToChoices();
|
|
89
|
+
|
|
90
|
+
// Add the Flot version string to the footer
|
|
91
|
+
|
|
92
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
</script>
|
|
96
|
+
</head>
|
|
97
|
+
<body>
|
|
98
|
+
|
|
99
|
+
<div id="header">
|
|
100
|
+
<h2>Toggling Series</h2>
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
<div id="content">
|
|
104
|
+
|
|
105
|
+
<div class="demo-container">
|
|
106
|
+
<div id="placeholder" class="demo-placeholder" style="float:left; width:675px;"></div>
|
|
107
|
+
<p id="choices" style="float:right; width:135px;"></p>
|
|
108
|
+
</div>
|
|
109
|
+
|
|
110
|
+
<p>This example shows military budgets for various countries in constant (2005) million US dollars (source: <a href="http://www.sipri.org/">SIPRI</a>).</p>
|
|
111
|
+
|
|
112
|
+
<p>Since all data is available client-side, it's pretty easy to make the plot interactive. Try turning countries on and off with the checkboxes next to the plot.</p>
|
|
113
|
+
|
|
114
|
+
</div>
|
|
115
|
+
|
|
116
|
+
<div id="footer">
|
|
117
|
+
Copyright © 2007 - 2014 IOLA and Ole Laursen
|
|
118
|
+
</div>
|
|
119
|
+
|
|
120
|
+
</body>
|
|
121
|
+
</html>
|
|
@@ -0,0 +1,90 @@
|
|
|
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: Series Types</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
|
+
var d1 = [];
|
|
15
|
+
for (var i = 0; i < 14; i += 0.5) {
|
|
16
|
+
d1.push([i, Math.sin(i)]);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
|
|
20
|
+
|
|
21
|
+
var d3 = [];
|
|
22
|
+
for (var i = 0; i < 14; i += 0.5) {
|
|
23
|
+
d3.push([i, Math.cos(i)]);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
var d4 = [];
|
|
27
|
+
for (var i = 0; i < 14; i += 0.1) {
|
|
28
|
+
d4.push([i, Math.sqrt(i * 10)]);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var d5 = [];
|
|
32
|
+
for (var i = 0; i < 14; i += 0.5) {
|
|
33
|
+
d5.push([i, Math.sqrt(i)]);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
var d6 = [];
|
|
37
|
+
for (var i = 0; i < 14; i += 0.5 + Math.random()) {
|
|
38
|
+
d6.push([i, Math.sqrt(2*i + Math.sin(i) + 5)]);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
$.plot("#placeholder", [{
|
|
42
|
+
data: d1,
|
|
43
|
+
lines: { show: true, fill: true }
|
|
44
|
+
}, {
|
|
45
|
+
data: d2,
|
|
46
|
+
bars: { show: true }
|
|
47
|
+
}, {
|
|
48
|
+
data: d3,
|
|
49
|
+
points: { show: true }
|
|
50
|
+
}, {
|
|
51
|
+
data: d4,
|
|
52
|
+
lines: { show: true }
|
|
53
|
+
}, {
|
|
54
|
+
data: d5,
|
|
55
|
+
lines: { show: true },
|
|
56
|
+
points: { show: true }
|
|
57
|
+
}, {
|
|
58
|
+
data: d6,
|
|
59
|
+
lines: { show: true, steps: true }
|
|
60
|
+
}]);
|
|
61
|
+
|
|
62
|
+
// Add the Flot version string to the footer
|
|
63
|
+
|
|
64
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
</script>
|
|
68
|
+
</head>
|
|
69
|
+
<body>
|
|
70
|
+
|
|
71
|
+
<div id="header">
|
|
72
|
+
<h2>Series Types</h2>
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<div id="content">
|
|
76
|
+
|
|
77
|
+
<div class="demo-container">
|
|
78
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
79
|
+
</div>
|
|
80
|
+
|
|
81
|
+
<p>Flot supports lines, points, filled areas, bars and any combinations of these, in the same plot and even on the same data series.</p>
|
|
82
|
+
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
|
+
<div id="footer">
|
|
86
|
+
Copyright © 2007 - 2014 IOLA and Ole Laursen
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
</body>
|
|
90
|
+
</html>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*! jQuery UI - v1.10.0 - 2013-01-26
|
|
2
|
+
* http://jqueryui.com
|
|
3
|
+
* Includes: jquery.ui.core.css, jquery.ui.resizable.css
|
|
4
|
+
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
|
|
5
|
+
|
|
6
|
+
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
|
|
@@ -0,0 +1,107 @@
|
|
|
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: Stacking</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.stack.js"></script>
|
|
11
|
+
<script type="text/javascript">
|
|
12
|
+
|
|
13
|
+
$(function() {
|
|
14
|
+
|
|
15
|
+
var d1 = [];
|
|
16
|
+
for (var i = 0; i <= 10; i += 1) {
|
|
17
|
+
d1.push([i, parseInt(Math.random() * 30)]);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
var d2 = [];
|
|
21
|
+
for (var i = 0; i <= 10; i += 1) {
|
|
22
|
+
d2.push([i, parseInt(Math.random() * 30)]);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var d3 = [];
|
|
26
|
+
for (var i = 0; i <= 10; i += 1) {
|
|
27
|
+
d3.push([i, parseInt(Math.random() * 30)]);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
var stack = 0,
|
|
31
|
+
bars = true,
|
|
32
|
+
lines = false,
|
|
33
|
+
steps = false;
|
|
34
|
+
|
|
35
|
+
function plotWithOptions() {
|
|
36
|
+
$.plot("#placeholder", [ d1, d2, d3 ], {
|
|
37
|
+
series: {
|
|
38
|
+
stack: stack,
|
|
39
|
+
lines: {
|
|
40
|
+
show: lines,
|
|
41
|
+
fill: true,
|
|
42
|
+
steps: steps
|
|
43
|
+
},
|
|
44
|
+
bars: {
|
|
45
|
+
show: bars,
|
|
46
|
+
barWidth: 0.6
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
plotWithOptions();
|
|
53
|
+
|
|
54
|
+
$(".stackControls button").click(function (e) {
|
|
55
|
+
e.preventDefault();
|
|
56
|
+
stack = $(this).text() == "With stacking" ? true : null;
|
|
57
|
+
plotWithOptions();
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
$(".graphControls button").click(function (e) {
|
|
61
|
+
e.preventDefault();
|
|
62
|
+
bars = $(this).text().indexOf("Bars") != -1;
|
|
63
|
+
lines = $(this).text().indexOf("Lines") != -1;
|
|
64
|
+
steps = $(this).text().indexOf("steps") != -1;
|
|
65
|
+
plotWithOptions();
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
// Add the Flot version string to the footer
|
|
69
|
+
|
|
70
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
</script>
|
|
74
|
+
</head>
|
|
75
|
+
<body>
|
|
76
|
+
|
|
77
|
+
<div id="header">
|
|
78
|
+
<h2>Stacking</h2>
|
|
79
|
+
</div>
|
|
80
|
+
|
|
81
|
+
<div id="content">
|
|
82
|
+
|
|
83
|
+
<div class="demo-container">
|
|
84
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
85
|
+
</div>
|
|
86
|
+
|
|
87
|
+
<p>With the stack plugin, you can have Flot stack the series. This is useful if you wish to display both a total and the constituents it is made of. The only requirement is that you provide the input sorted on x.</p>
|
|
88
|
+
|
|
89
|
+
<p class="stackControls">
|
|
90
|
+
<button>With stacking</button>
|
|
91
|
+
<button>Without stacking</button>
|
|
92
|
+
</p>
|
|
93
|
+
|
|
94
|
+
<p class="graphControls">
|
|
95
|
+
<button>Bars</button>
|
|
96
|
+
<button>Lines</button>
|
|
97
|
+
<button>Lines with steps</button>
|
|
98
|
+
</p>
|
|
99
|
+
|
|
100
|
+
</div>
|
|
101
|
+
|
|
102
|
+
<div id="footer">
|
|
103
|
+
Copyright © 2007 - 2014 IOLA and Ole Laursen
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
</body>
|
|
107
|
+
</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: Symbols</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.symbol.js"></script>
|
|
11
|
+
<script type="text/javascript">
|
|
12
|
+
|
|
13
|
+
$(function() {
|
|
14
|
+
|
|
15
|
+
function generate(offset, amplitude) {
|
|
16
|
+
|
|
17
|
+
var res = [];
|
|
18
|
+
var start = 0, end = 10;
|
|
19
|
+
|
|
20
|
+
for (var i = 0; i <= 50; ++i) {
|
|
21
|
+
var x = start + i / 50 * (end - start);
|
|
22
|
+
res.push([x, amplitude * Math.sin(x + offset)]);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return res;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
var data = [
|
|
29
|
+
{ data: generate(2, 1.8), points: { symbol: "circle" } },
|
|
30
|
+
{ data: generate(3, 1.5), points: { symbol: "square" } },
|
|
31
|
+
{ data: generate(4, 0.9), points: { symbol: "diamond" } },
|
|
32
|
+
{ data: generate(6, 1.4), points: { symbol: "triangle" } },
|
|
33
|
+
{ data: generate(7, 1.1), points: { symbol: "cross" } }
|
|
34
|
+
];
|
|
35
|
+
|
|
36
|
+
$.plot("#placeholder", data, {
|
|
37
|
+
series: {
|
|
38
|
+
points: {
|
|
39
|
+
show: true,
|
|
40
|
+
radius: 3
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
grid: {
|
|
44
|
+
hoverable: true
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
// Add the Flot version string to the footer
|
|
49
|
+
|
|
50
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
</script>
|
|
54
|
+
</head>
|
|
55
|
+
<body>
|
|
56
|
+
|
|
57
|
+
<div id="header">
|
|
58
|
+
<h2>Symbols</h2>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<div id="content">
|
|
62
|
+
|
|
63
|
+
<div class="demo-container">
|
|
64
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
<p>Points can be marked in several ways, with circles being the built-in default. For other point types, you can define a callback function to draw the symbol. Some common symbols are available in the symbol plugin.</p>
|
|
68
|
+
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<div id="footer">
|
|
72
|
+
Copyright © 2007 - 2014 IOLA and Ole Laursen
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
</body>
|
|
76
|
+
</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: Thresholds</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.threshold.js"></script>
|
|
11
|
+
<script type="text/javascript">
|
|
12
|
+
|
|
13
|
+
$(function() {
|
|
14
|
+
|
|
15
|
+
var d1 = [];
|
|
16
|
+
for (var i = 0; i <= 60; i += 1) {
|
|
17
|
+
d1.push([i, parseInt(Math.random() * 30 - 10)]);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function plotWithOptions(t) {
|
|
21
|
+
$.plot("#placeholder", [{
|
|
22
|
+
data: d1,
|
|
23
|
+
color: "rgb(30, 180, 20)",
|
|
24
|
+
threshold: {
|
|
25
|
+
below: t,
|
|
26
|
+
color: "rgb(200, 20, 30)"
|
|
27
|
+
},
|
|
28
|
+
lines: {
|
|
29
|
+
steps: true
|
|
30
|
+
}
|
|
31
|
+
}]);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
plotWithOptions(0);
|
|
35
|
+
|
|
36
|
+
$(".controls button").click(function (e) {
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
var t = parseFloat($(this).text().replace("Threshold at ", ""));
|
|
39
|
+
plotWithOptions(t);
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
// Add the Flot version string to the footer
|
|
43
|
+
|
|
44
|
+
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
</script>
|
|
48
|
+
</head>
|
|
49
|
+
<body>
|
|
50
|
+
|
|
51
|
+
<div id="header">
|
|
52
|
+
<h2>Thresholds</h2>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<div id="content">
|
|
56
|
+
|
|
57
|
+
<div class="demo-container">
|
|
58
|
+
<div id="placeholder" class="demo-placeholder"></div>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<p>With the threshold plugin, you can apply a specific color to the part of a data series below a threshold. This is can be useful for highlighting negative values, e.g. when displaying net results or what's in stock.</p>
|
|
62
|
+
|
|
63
|
+
<p class="controls">
|
|
64
|
+
<button>Threshold at 5</button>
|
|
65
|
+
<button>Threshold at 0</button>
|
|
66
|
+
<button>Threshold at -2.5</button>
|
|
67
|
+
</p>
|
|
68
|
+
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<div id="footer">
|
|
72
|
+
Copyright © 2007 - 2014 IOLA and Ole Laursen
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
</body>
|
|
76
|
+
</html>
|