Charting and graph libraries added for experiment dashboard UI.
Project: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/repo Commit: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/commit/7d786c83 Tree: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/tree/7d786c83 Diff: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/diff/7d786c83 Branch: refs/heads/master Commit: 7d786c83512544a447d1f006a2001284672460dc Parents: 55758c5 Author: Nipurn Doshi <[email protected]> Authored: Thu May 14 16:34:31 2015 -0400 Committer: Nipurn Doshi <[email protected]> Committed: Thu May 14 16:34:31 2015 -0400 ---------------------------------------------------------------------- app/views/admin/manage-experiments.blade.php | 23 +- public/css/morris.css | 2 + public/js/flot/flot-data.js | 1244 ++++++++++ public/js/flot/jquery.flot.js | 2599 +++++++++++++++++++++ public/js/flot/jquery.flot.pie.js | 750 ++++++ public/js/flot/jquery.flot.resize.js | 60 + public/js/flot/jquery.flot.tooltip.min.js | 12 + public/js/morris/morris-data.js | 227 ++ public/js/morris/morris.min.js | 7 + public/js/morris/raphael.min.js | 11 + 10 files changed, 4933 insertions(+), 2 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7d786c83/app/views/admin/manage-experiments.blade.php ---------------------------------------------------------------------- diff --git a/app/views/admin/manage-experiments.blade.php b/app/views/admin/manage-experiments.blade.php index 149a5af..dc5d405 100644 --- a/app/views/admin/manage-experiments.blade.php +++ b/app/views/admin/manage-experiments.blade.php @@ -38,6 +38,7 @@ </div> <div class="dates row"> + <h1 class="text-center well alert alert-danger" >UI beyond this message is under construction view with dummy values.</h1> <div class="col-md-12"> Select dates between which you want to review experiments. </div> @@ -161,7 +162,7 @@ <div class="col-lg-12"> <div class="panel panel-primary"> <div class="panel-heading"> - <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Line Graph Example with Tooltips</h3> + <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i>Experiment v/s Time Graph</h3> </div> <div class="panel-body"> <div class="flot-chart"> @@ -222,6 +223,7 @@ </div> <div class="row"> + <h1 class="text-center well alert alert-danger" >Proposed UI to view flow of one experiment.</h1> <div class="tree"> <ul> <li> @@ -309,7 +311,24 @@ @parent {{ HTML::script('js/gateway.js') }} {{ HTML::script('js/moment.js')}} - {{ HTML::script('js/datetimepicker.js')}} + {{ HTML::script('js/datetimepicker.js')}} + + <!-- Morris Charts JavaScript --> + <!-- + to be uncommented when actually in use. + + {{ HTML::script('js/morris/raphael.min.js')}} + {{ HTML::script('js/morris/morris.min.js')}} + {{ HTML::script('js/morris/morris-data.js')}} + --> + + <!-- Flot Charts JavaScript --> + <!--[if lte IE 8]><script src="js/excanvas.min.js')}}<![endif]--> + {{ HTML::script('js/flot/jquery.flot.js')}} + {{ HTML::script('js/flot/jquery.flot.tooltip.min.js')}} + {{ HTML::script('js/flot/jquery.flot.resize.js')}} + {{ HTML::script('js/flot/jquery.flot.pie.js')}} + {{ HTML::script('js/flot/flot-data.js')}} <script> //make first tab of accordion open by default. http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7d786c83/public/css/morris.css ---------------------------------------------------------------------- diff --git a/public/css/morris.css b/public/css/morris.css new file mode 100644 index 0000000..209f091 --- /dev/null +++ b/public/css/morris.css @@ -0,0 +1,2 @@ +.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0} +.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0} http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7d786c83/public/js/flot/flot-data.js ---------------------------------------------------------------------- diff --git a/public/js/flot/flot-data.js b/public/js/flot/flot-data.js new file mode 100644 index 0000000..c3d86c1 --- /dev/null +++ b/public/js/flot/flot-data.js @@ -0,0 +1,1244 @@ +// Flot Charts sample data for SB Admin template + +// Flot Line Chart with Tooltips +$(document).ready(function() { + var offset = 0; + plot(); + + function plot() { + var sin = [], + cos = []; + for (var i = 0; i < 12; i += 0.2) { + sin.push([i, Math.sin(i + offset)]); + cos.push([i, Math.cos(i + offset)]); + } + + var options = { + series: { + lines: { + show: true + }, + points: { + show: true + } + }, + grid: { + hoverable: true //IMPORTANT! this is needed for tooltip to work + }, + yaxis: { + min: -1.2, + max: 1.2 + }, + tooltip: true, + tooltipOpts: { + content: "'%s' of %x.1 is %y.4", + shifts: { + x: -60, + y: 25 + } + } + }; + + var plotObj = $.plot($("#flot-line-chart"), [{ + data: sin, + label: "Canceled Experiments" + }, { + data: cos, + label: "Successful Experiments" + }], + options); + } +}); +/* +// Flot Pie Chart with Tooltips +$(function() { + + var data = [{ + label: "Series 0", + data: 1 + }, { + label: "Series 1", + data: 3 + }, { + label: "Series 2", + data: 9 + }, { + label: "Series 3", + data: 20 + }]; + + var plotObj = $.plot($("#flot-pie-chart"), data, { + series: { + pie: { + show: true + } + }, + grid: { + hoverable: true + }, + tooltip: true, + tooltipOpts: { + content: "%p.0%, %s", // show percentages, rounding to 2 decimal places + shifts: { + x: 20, + y: 0 + }, + defaultTheme: false + } + }); + +}); +*/ +// Flot Line Charts - Multiple Axes - With Data +$(function() { + var oilprices = [ + [1167692400000, 61.05], + [1167778800000, 58.32], + [1167865200000, 57.35], + [1167951600000, 56.31], + [1168210800000, 55.55], + [1168297200000, 55.64], + [1168383600000, 54.02], + [1168470000000, 51.88], + [1168556400000, 52.99], + [1168815600000, 52.99], + [1168902000000, 51.21], + [1168988400000, 52.24], + [1169074800000, 50.48], + [1169161200000, 51.99], + [1169420400000, 51.13], + [1169506800000, 55.04], + [1169593200000, 55.37], + [1169679600000, 54.23], + [1169766000000, 55.42], + [1170025200000, 54.01], + [1170111600000, 56.97], + [1170198000000, 58.14], + [1170284400000, 58.14], + [1170370800000, 59.02], + [1170630000000, 58.74], + [1170716400000, 58.88], + [1170802800000, 57.71], + [1170889200000, 59.71], + [1170975600000, 59.89], + [1171234800000, 57.81], + [1171321200000, 59.06], + [1171407600000, 58.00], + [1171494000000, 57.99], + [1171580400000, 59.39], + [1171839600000, 59.39], + [1171926000000, 58.07], + [1172012400000, 60.07], + [1172098800000, 61.14], + [1172444400000, 61.39], + [1172530800000, 61.46], + [1172617200000, 61.79], + [1172703600000, 62.00], + [1172790000000, 60.07], + [1173135600000, 60.69], + [1173222000000, 61.82], + [1173308400000, 60.05], + [1173654000000, 58.91], + [1173740400000, 57.93], + [1173826800000, 58.16], + [1173913200000, 57.55], + [1173999600000, 57.11], + [1174258800000, 56.59], + [1174345200000, 59.61], + [1174518000000, 61.69], + [1174604400000, 62.28], + [1174860000000, 62.91], + [1174946400000, 62.93], + [1175032800000, 64.03], + [1175119200000, 66.03], + [1175205600000, 65.87], + [1175464800000, 64.64], + [1175637600000, 64.38], + [1175724000000, 64.28], + [1175810400000, 64.28], + [1176069600000, 61.51], + [1176156000000, 61.89], + [1176242400000, 62.01], + [1176328800000, 63.85], + [1176415200000, 63.63], + [1176674400000, 63.61], + [1176760800000, 63.10], + [1176847200000, 63.13], + [1176933600000, 61.83], + [1177020000000, 63.38], + [1177279200000, 64.58], + [1177452000000, 65.84], + [1177538400000, 65.06], + [1177624800000, 66.46], + [1177884000000, 64.40], + [1178056800000, 63.68], + [1178143200000, 63.19], + [1178229600000, 61.93], + [1178488800000, 61.47], + [1178575200000, 61.55], + [1178748000000, 61.81], + [1178834400000, 62.37], + [1179093600000, 62.46], + [1179180000000, 63.17], + [1179266400000, 62.55], + [1179352800000, 64.94], + [1179698400000, 66.27], + [1179784800000, 65.50], + [1179871200000, 65.77], + [1179957600000, 64.18], + [1180044000000, 65.20], + [1180389600000, 63.15], + [1180476000000, 63.49], + [1180562400000, 65.08], + [1180908000000, 66.30], + [1180994400000, 65.96], + [1181167200000, 66.93], + [1181253600000, 65.98], + [1181599200000, 65.35], + [1181685600000, 66.26], + [1181858400000, 68.00], + [1182117600000, 69.09], + [1182204000000, 69.10], + [1182290400000, 68.19], + [1182376800000, 68.19], + [1182463200000, 69.14], + [1182722400000, 68.19], + [1182808800000, 67.77], + [1182895200000, 68.97], + [1182981600000, 69.57], + [1183068000000, 70.68], + [1183327200000, 71.09], + [1183413600000, 70.92], + [1183586400000, 71.81], + [1183672800000, 72.81], + [1183932000000, 72.19], + [1184018400000, 72.56], + [1184191200000, 72.50], + [1184277600000, 74.15], + [1184623200000, 75.05], + [1184796000000, 75.92], + [1184882400000, 75.57], + [1185141600000, 74.89], + [1185228000000, 73.56], + [1185314400000, 75.57], + [1185400800000, 74.95], + [1185487200000, 76.83], + [1185832800000, 78.21], + [1185919200000, 76.53], + [1186005600000, 76.86], + [1186092000000, 76.00], + [1186437600000, 71.59], + [1186696800000, 71.47], + [1186956000000, 71.62], + [1187042400000, 71.00], + [1187301600000, 71.98], + [1187560800000, 71.12], + [1187647200000, 69.47], + [1187733600000, 69.26], + [1187820000000, 69.83], + [1187906400000, 71.09], + [1188165600000, 71.73], + [1188338400000, 73.36], + [1188511200000, 74.04], + [1188856800000, 76.30], + [1189116000000, 77.49], + [1189461600000, 78.23], + [1189548000000, 79.91], + [1189634400000, 80.09], + [1189720800000, 79.10], + [1189980000000, 80.57], + [1190066400000, 81.93], + [1190239200000, 83.32], + [1190325600000, 81.62], + [1190584800000, 80.95], + [1190671200000, 79.53], + [1190757600000, 80.30], + [1190844000000, 82.88], + [1190930400000, 81.66], + [1191189600000, 80.24], + [1191276000000, 80.05], + [1191362400000, 79.94], + [1191448800000, 81.44], + [1191535200000, 81.22], + [1191794400000, 79.02], + [1191880800000, 80.26], + [1191967200000, 80.30], + [1192053600000, 83.08], + [1192140000000, 83.69], + [1192399200000, 86.13], + [1192485600000, 87.61], + [1192572000000, 87.40], + [1192658400000, 89.47], + [1192744800000, 88.60], + [1193004000000, 87.56], + [1193090400000, 87.56], + [1193176800000, 87.10], + [1193263200000, 91.86], + [1193612400000, 93.53], + [1193698800000, 94.53], + [1193871600000, 95.93], + [1194217200000, 93.98], + [1194303600000, 96.37], + [1194476400000, 95.46], + [1194562800000, 96.32], + [1195081200000, 93.43], + [1195167600000, 95.10], + [1195426800000, 94.64], + [1195513200000, 95.10], + [1196031600000, 97.70], + [1196118000000, 94.42], + [1196204400000, 90.62], + [1196290800000, 91.01], + [1196377200000, 88.71], + [1196636400000, 88.32], + [1196809200000, 90.23], + [1196982000000, 88.28], + [1197241200000, 87.86], + [1197327600000, 90.02], + [1197414000000, 92.25], + [1197586800000, 90.63], + [1197846000000, 90.63], + [1197932400000, 90.49], + [1198018800000, 91.24], + [1198105200000, 91.06], + [1198191600000, 90.49], + [1198710000000, 96.62], + [1198796400000, 96.00], + [1199142000000, 99.62], + [1199314800000, 99.18], + [1199401200000, 95.09], + [1199660400000, 96.33], + [1199833200000, 95.67], + [1200351600000, 91.90], + [1200438000000, 90.84], + [1200524400000, 90.13], + [1200610800000, 90.57], + [1200956400000, 89.21], + [1201042800000, 86.99], + [1201129200000, 89.85], + [1201474800000, 90.99], + [1201561200000, 91.64], + [1201647600000, 92.33], + [1201734000000, 91.75], + [1202079600000, 90.02], + [1202166000000, 88.41], + [1202252400000, 87.14], + [1202338800000, 88.11], + [1202425200000, 91.77], + [1202770800000, 92.78], + [1202857200000, 93.27], + [1202943600000, 95.46], + [1203030000000, 95.46], + [1203289200000, 101.74], + [1203462000000, 98.81], + [1203894000000, 100.88], + [1204066800000, 99.64], + [1204153200000, 102.59], + [1204239600000, 101.84], + [1204498800000, 99.52], + [1204585200000, 99.52], + [1204671600000, 104.52], + [1204758000000, 105.47], + [1204844400000, 105.15], + [1205103600000, 108.75], + [1205276400000, 109.92], + [1205362800000, 110.33], + [1205449200000, 110.21], + [1205708400000, 105.68], + [1205967600000, 101.84], + [1206313200000, 100.86], + [1206399600000, 101.22], + [1206486000000, 105.90], + [1206572400000, 107.58], + [1206658800000, 105.62], + [1206914400000, 101.58], + [1207000800000, 100.98], + [1207173600000, 103.83], + [1207260000000, 106.23], + [1207605600000, 108.50], + [1207778400000, 110.11], + [1207864800000, 110.14], + [1208210400000, 113.79], + [1208296800000, 114.93], + [1208383200000, 114.86], + [1208728800000, 117.48], + [1208815200000, 118.30], + [1208988000000, 116.06], + [1209074400000, 118.52], + [1209333600000, 118.75], + [1209420000000, 113.46], + [1209592800000, 112.52], + [1210024800000, 121.84], + [1210111200000, 123.53], + [1210197600000, 123.69], + [1210543200000, 124.23], + [1210629600000, 125.80], + [1210716000000, 126.29], + [1211148000000, 127.05], + [1211320800000, 129.07], + [1211493600000, 132.19], + [1211839200000, 128.85], + [1212357600000, 127.76], + [1212703200000, 138.54], + [1212962400000, 136.80], + [1213135200000, 136.38], + [1213308000000, 134.86], + [1213653600000, 134.01], + [1213740000000, 136.68], + [1213912800000, 135.65], + [1214172000000, 134.62], + [1214258400000, 134.62], + [1214344800000, 134.62], + [1214431200000, 139.64], + [1214517600000, 140.21], + [1214776800000, 140.00], + [1214863200000, 140.97], + [1214949600000, 143.57], + [1215036000000, 145.29], + [1215381600000, 141.37], + [1215468000000, 136.04], + [1215727200000, 146.40], + [1215986400000, 145.18], + [1216072800000, 138.74], + [1216159200000, 134.60], + [1216245600000, 129.29], + [1216332000000, 130.65], + [1216677600000, 127.95], + [1216850400000, 127.95], + [1217282400000, 122.19], + [1217455200000, 124.08], + [1217541600000, 125.10], + [1217800800000, 121.41], + [1217887200000, 119.17], + [1217973600000, 118.58], + [1218060000000, 120.02], + [1218405600000, 114.45], + [1218492000000, 113.01], + [1218578400000, 116.00], + [1218751200000, 113.77], + [1219010400000, 112.87], + [1219096800000, 114.53], + [1219269600000, 114.98], + [1219356000000, 114.98], + [1219701600000, 116.27], + [1219788000000, 118.15], + [1219874400000, 115.59], + [1219960800000, 115.46], + [1220306400000, 109.71], + [1220392800000, 109.35], + [1220565600000, 106.23], + [1220824800000, 106.34] + ]; + var exchangerates = [ + [1167606000000, 0.7580], + [1167692400000, 0.7580], + [1167778800000, 0.75470], + [1167865200000, 0.75490], + [1167951600000, 0.76130], + [1168038000000, 0.76550], + [1168124400000, 0.76930], + [1168210800000, 0.76940], + [1168297200000, 0.76880], + [1168383600000, 0.76780], + [1168470000000, 0.77080], + [1168556400000, 0.77270], + [1168642800000, 0.77490], + [1168729200000, 0.77410], + [1168815600000, 0.77410], + [1168902000000, 0.77320], + [1168988400000, 0.77270], + [1169074800000, 0.77370], + [1169161200000, 0.77240], + [1169247600000, 0.77120], + [1169334000000, 0.7720], + [1169420400000, 0.77210], + [1169506800000, 0.77170], + [1169593200000, 0.77040], + [1169679600000, 0.7690], + [1169766000000, 0.77110], + [1169852400000, 0.7740], + [1169938800000, 0.77450], + [1170025200000, 0.77450], + [1170111600000, 0.7740], + [1170198000000, 0.77160], + [1170284400000, 0.77130], + [1170370800000, 0.76780], + [1170457200000, 0.76880], + [1170543600000, 0.77180], + [1170630000000, 0.77180], + [1170716400000, 0.77280], + [1170802800000, 0.77290], + [1170889200000, 0.76980], + [1170975600000, 0.76850], + [1171062000000, 0.76810], + [1171148400000, 0.7690], + [1171234800000, 0.7690], + [1171321200000, 0.76980], + [1171407600000, 0.76990], + [1171494000000, 0.76510], + [1171580400000, 0.76130], + [1171666800000, 0.76160], + [1171753200000, 0.76140], + [1171839600000, 0.76140], + [1171926000000, 0.76070], + [1172012400000, 0.76020], + [1172098800000, 0.76110], + [1172185200000, 0.76220], + [1172271600000, 0.76150], + [1172358000000, 0.75980], + [1172444400000, 0.75980], + [1172530800000, 0.75920], + [1172617200000, 0.75730], + [1172703600000, 0.75660], + [1172790000000, 0.75670], + [1172876400000, 0.75910], + [1172962800000, 0.75820], + [1173049200000, 0.75850], + [1173135600000, 0.76130], + [1173222000000, 0.76310], + [1173308400000, 0.76150], + [1173394800000, 0.760], + [1173481200000, 0.76130], + [1173567600000, 0.76270], + [1173654000000, 0.76270], + [1173740400000, 0.76080], + [1173826800000, 0.75830], + [1173913200000, 0.75750], + [1173999600000, 0.75620], + [1174086000000, 0.7520], + [1174172400000, 0.75120], + [1174258800000, 0.75120], + [1174345200000, 0.75170], + [1174431600000, 0.7520], + [1174518000000, 0.75110], + [1174604400000, 0.7480], + [1174690800000, 0.75090], + [1174777200000, 0.75310], + [1174860000000, 0.75310], + [1174946400000, 0.75270], + [1175032800000, 0.74980], + [1175119200000, 0.74930], + [1175205600000, 0.75040], + [1175292000000, 0.750], + [1175378400000, 0.74910], + [1175464800000, 0.74910], + [1175551200000, 0.74850], + [1175637600000, 0.74840], + [1175724000000, 0.74920], + [1175810400000, 0.74710], + [1175896800000, 0.74590], + [1175983200000, 0.74770], + [1176069600000, 0.74770], + [1176156000000, 0.74830], + [1176242400000, 0.74580], + [1176328800000, 0.74480], + [1176415200000, 0.7430], + [1176501600000, 0.73990], + [1176588000000, 0.73950], + [1176674400000, 0.73950], + [1176760800000, 0.73780], + [1176847200000, 0.73820], + [1176933600000, 0.73620], + [1177020000000, 0.73550], + [1177106400000, 0.73480], + [1177192800000, 0.73610], + [1177279200000, 0.73610], + [1177365600000, 0.73650], + [1177452000000, 0.73620], + [1177538400000, 0.73310], + [1177624800000, 0.73390], + [1177711200000, 0.73440], + [1177797600000, 0.73270], + [1177884000000, 0.73270], + [1177970400000, 0.73360], + [1178056800000, 0.73330], + [1178143200000, 0.73590], + [1178229600000, 0.73590], + [1178316000000, 0.73720], + [1178402400000, 0.7360], + [1178488800000, 0.7360], + [1178575200000, 0.7350], + [1178661600000, 0.73650], + [1178748000000, 0.73840], + [1178834400000, 0.73950], + [1178920800000, 0.74130], + [1179007200000, 0.73970], + [1179093600000, 0.73960], + [1179180000000, 0.73850], + [1179266400000, 0.73780], + [1179352800000, 0.73660], + [1179439200000, 0.740], + [1179525600000, 0.74110], + [1179612000000, 0.74060], + [1179698400000, 0.74050], + [1179784800000, 0.74140], + [1179871200000, 0.74310], + [1179957600000, 0.74310], + [1180044000000, 0.74380], + [1180130400000, 0.74430], + [1180216800000, 0.74430], + [1180303200000, 0.74430], + [1180389600000, 0.74340], + [1180476000000, 0.74290], + [1180562400000, 0.74420], + [1180648800000, 0.7440], + [1180735200000, 0.74390], + [1180821600000, 0.74370], + [1180908000000, 0.74370], + [1180994400000, 0.74290], + [1181080800000, 0.74030], + [1181167200000, 0.73990], + [1181253600000, 0.74180], + [1181340000000, 0.74680], + [1181426400000, 0.7480], + [1181512800000, 0.7480], + [1181599200000, 0.7490], + [1181685600000, 0.74940], + [1181772000000, 0.75220], + [1181858400000, 0.75150], + [1181944800000, 0.75020], + [1182031200000, 0.74720], + [1182117600000, 0.74720], + [1182204000000, 0.74620], + [1182290400000, 0.74550], + [1182376800000, 0.74490], + [1182463200000, 0.74670], + [1182549600000, 0.74580], + [1182636000000, 0.74270], + [1182722400000, 0.74270], + [1182808800000, 0.7430], + [1182895200000, 0.74290], + [1182981600000, 0.7440], + [1183068000000, 0.7430], + [1183154400000, 0.74220], + [1183240800000, 0.73880], + [1183327200000, 0.73880], + [1183413600000, 0.73690], + [1183500000000, 0.73450], + [1183586400000, 0.73450], + [1183672800000, 0.73450], + [1183759200000, 0.73520], + [1183845600000, 0.73410], + [1183932000000, 0.73410], + [1184018400000, 0.7340], + [1184104800000, 0.73240], + [1184191200000, 0.72720], + [1184277600000, 0.72640], + [1184364000000, 0.72550], + [1184450400000, 0.72580], + [1184536800000, 0.72580], + [1184623200000, 0.72560], + [1184709600000, 0.72570], + [1184796000000, 0.72470], + [1184882400000, 0.72430], + [1184968800000, 0.72440], + [1185055200000, 0.72350], + [1185141600000, 0.72350], + [1185228000000, 0.72350], + [1185314400000, 0.72350], + [1185400800000, 0.72620], + [1185487200000, 0.72880], + [1185573600000, 0.73010], + [1185660000000, 0.73370], + [1185746400000, 0.73370], + [1185832800000, 0.73240], + [1185919200000, 0.72970], + [1186005600000, 0.73170], + [1186092000000, 0.73150], + [1186178400000, 0.72880], + [1186264800000, 0.72630], + [1186351200000, 0.72630], + [1186437600000, 0.72420], + [1186524000000, 0.72530], + [1186610400000, 0.72640], + [1186696800000, 0.7270], + [1186783200000, 0.73120], + [1186869600000, 0.73050], + [1186956000000, 0.73050], + [1187042400000, 0.73180], + [1187128800000, 0.73580], + [1187215200000, 0.74090], + [1187301600000, 0.74540], + [1187388000000, 0.74370], + [1187474400000, 0.74240], + [1187560800000, 0.74240], + [1187647200000, 0.74150], + [1187733600000, 0.74190], + [1187820000000, 0.74140], + [1187906400000, 0.73770], + [1187992800000, 0.73550], + [1188079200000, 0.73150], + [1188165600000, 0.73150], + [1188252000000, 0.7320], + [1188338400000, 0.73320], + [1188424800000, 0.73460], + [1188511200000, 0.73280], + [1188597600000, 0.73230], + [1188684000000, 0.7340], + [1188770400000, 0.7340], + [1188856800000, 0.73360], + [1188943200000, 0.73510], + [1189029600000, 0.73460], + [1189116000000, 0.73210], + [1189202400000, 0.72940], + [1189288800000, 0.72660], + [1189375200000, 0.72660], + [1189461600000, 0.72540], + [1189548000000, 0.72420], + [1189634400000, 0.72130], + [1189720800000, 0.71970], + [1189807200000, 0.72090], + [1189893600000, 0.7210], + [1189980000000, 0.7210], + [1190066400000, 0.7210], + [1190152800000, 0.72090], + [1190239200000, 0.71590], + [1190325600000, 0.71330], + [1190412000000, 0.71050], + [1190498400000, 0.70990], + [1190584800000, 0.70990], + [1190671200000, 0.70930], + [1190757600000, 0.70930], + [1190844000000, 0.70760], + [1190930400000, 0.7070], + [1191016800000, 0.70490], + [1191103200000, 0.70120], + [1191189600000, 0.70110], + [1191276000000, 0.70190], + [1191362400000, 0.70460], + [1191448800000, 0.70630], + [1191535200000, 0.70890], + [1191621600000, 0.70770], + [1191708000000, 0.70770], + [1191794400000, 0.70770], + [1191880800000, 0.70910], + [1191967200000, 0.71180], + [1192053600000, 0.70790], + [1192140000000, 0.70530], + [1192226400000, 0.7050], + [1192312800000, 0.70550], + [1192399200000, 0.70550], + [1192485600000, 0.70450], + [1192572000000, 0.70510], + [1192658400000, 0.70510], + [1192744800000, 0.70170], + [1192831200000, 0.70], + [1192917600000, 0.69950], + [1193004000000, 0.69940], + [1193090400000, 0.70140], + [1193176800000, 0.70360], + [1193263200000, 0.70210], + [1193349600000, 0.70020], + [1193436000000, 0.69670], + [1193522400000, 0.6950], + [1193612400000, 0.6950], + [1193698800000, 0.69390], + [1193785200000, 0.6940], + [1193871600000, 0.69220], + [1193958000000, 0.69190], + [1194044400000, 0.69140], + [1194130800000, 0.68940], + [1194217200000, 0.68910], + [1194303600000, 0.69040], + [1194390000000, 0.6890], + [1194476400000, 0.68340], + [1194562800000, 0.68230], + [1194649200000, 0.68070], + [1194735600000, 0.68150], + [1194822000000, 0.68150], + [1194908400000, 0.68470], + [1194994800000, 0.68590], + [1195081200000, 0.68220], + [1195167600000, 0.68270], + [1195254000000, 0.68370], + [1195340400000, 0.68230], + [1195426800000, 0.68220], + [1195513200000, 0.68220], + [1195599600000, 0.67920], + [1195686000000, 0.67460], + [1195772400000, 0.67350], + [1195858800000, 0.67310], + [1195945200000, 0.67420], + [1196031600000, 0.67440], + [1196118000000, 0.67390], + [1196204400000, 0.67310], + [1196290800000, 0.67610], + [1196377200000, 0.67610], + [1196463600000, 0.67850], + [1196550000000, 0.68180], + [1196636400000, 0.68360], + [1196722800000, 0.68230], + [1196809200000, 0.68050], + [1196895600000, 0.67930], + [1196982000000, 0.68490], + [1197068400000, 0.68330], + [1197154800000, 0.68250], + [1197241200000, 0.68250], + [1197327600000, 0.68160], + [1197414000000, 0.67990], + [1197500400000, 0.68130], + [1197586800000, 0.68090], + [1197673200000, 0.68680], + [1197759600000, 0.69330], + [1197846000000, 0.69330], + [1197932400000, 0.69450], + [1198018800000, 0.69440], + [1198105200000, 0.69460], + [1198191600000, 0.69640], + [1198278000000, 0.69650], + [1198364400000, 0.69560], + [1198450800000, 0.69560], + [1198537200000, 0.6950], + [1198623600000, 0.69480], + [1198710000000, 0.69280], + [1198796400000, 0.68870], + [1198882800000, 0.68240], + [1198969200000, 0.67940], + [1199055600000, 0.67940], + [1199142000000, 0.68030], + [1199228400000, 0.68550], + [1199314800000, 0.68240], + [1199401200000, 0.67910], + [1199487600000, 0.67830], + [1199574000000, 0.67850], + [1199660400000, 0.67850], + [1199746800000, 0.67970], + [1199833200000, 0.680], + [1199919600000, 0.68030], + [1200006000000, 0.68050], + [1200092400000, 0.6760], + [1200178800000, 0.6770], + [1200265200000, 0.6770], + [1200351600000, 0.67360], + [1200438000000, 0.67260], + [1200524400000, 0.67640], + [1200610800000, 0.68210], + [1200697200000, 0.68310], + [1200783600000, 0.68420], + [1200870000000, 0.68420], + [1200956400000, 0.68870], + [1201042800000, 0.69030], + [1201129200000, 0.68480], + [1201215600000, 0.68240], + [1201302000000, 0.67880], + [1201388400000, 0.68140], + [1201474800000, 0.68140], + [1201561200000, 0.67970], + [1201647600000, 0.67690], + [1201734000000, 0.67650], + [1201820400000, 0.67330], + [1201906800000, 0.67290], + [1201993200000, 0.67580], + [1202079600000, 0.67580], + [1202166000000, 0.6750], + [1202252400000, 0.6780], + [1202338800000, 0.68330], + [1202425200000, 0.68560], + [1202511600000, 0.69030], + [1202598000000, 0.68960], + [1202684400000, 0.68960], + [1202770800000, 0.68820], + [1202857200000, 0.68790], + [1202943600000, 0.68620], + [1203030000000, 0.68520], + [1203116400000, 0.68230], + [1203202800000, 0.68130], + [1203289200000, 0.68130], + [1203375600000, 0.68220], + [1203462000000, 0.68020], + [1203548400000, 0.68020], + [1203634800000, 0.67840], + [1203721200000, 0.67480], + [1203807600000, 0.67470], + [1203894000000, 0.67470], + [1203980400000, 0.67480], + [1204066800000, 0.67330], + [1204153200000, 0.6650], + [1204239600000, 0.66110], + [1204326000000, 0.65830], + [1204412400000, 0.6590], + [1204498800000, 0.6590], + [1204585200000, 0.65810], + [1204671600000, 0.65780], + [1204758000000, 0.65740], + [1204844400000, 0.65320], + [1204930800000, 0.65020], + [1205017200000, 0.65140], + [1205103600000, 0.65140], + [1205190000000, 0.65070], + [1205276400000, 0.6510], + [1205362800000, 0.64890], + [1205449200000, 0.64240], + [1205535600000, 0.64060], + [1205622000000, 0.63820], + [1205708400000, 0.63820], + [1205794800000, 0.63410], + [1205881200000, 0.63440], + [1205967600000, 0.63780], + [1206054000000, 0.64390], + [1206140400000, 0.64780], + [1206226800000, 0.64810], + [1206313200000, 0.64810], + [1206399600000, 0.64940], + [1206486000000, 0.64380], + [1206572400000, 0.63770], + [1206658800000, 0.63290], + [1206745200000, 0.63360], + [1206831600000, 0.63330], + [1206914400000, 0.63330], + [1207000800000, 0.6330], + [1207087200000, 0.63710], + [1207173600000, 0.64030], + [1207260000000, 0.63960], + [1207346400000, 0.63640], + [1207432800000, 0.63560], + [1207519200000, 0.63560], + [1207605600000, 0.63680], + [1207692000000, 0.63570], + [1207778400000, 0.63540], + [1207864800000, 0.6320], + [1207951200000, 0.63320], + [1208037600000, 0.63280], + [1208124000000, 0.63310], + [1208210400000, 0.63420], + [1208296800000, 0.63210], + [1208383200000, 0.63020], + [1208469600000, 0.62780], + [1208556000000, 0.63080], + [1208642400000, 0.63240], + [1208728800000, 0.63240], + [1208815200000, 0.63070], + [1208901600000, 0.62770], + [1208988000000, 0.62690], + [1209074400000, 0.63350], + [1209160800000, 0.63920], + [1209247200000, 0.640], + [1209333600000, 0.64010], + [1209420000000, 0.63960], + [1209506400000, 0.64070], + [1209592800000, 0.64230], + [1209679200000, 0.64290], + [1209765600000, 0.64720], + [1209852000000, 0.64850], + [1209938400000, 0.64860], + [1210024800000, 0.64670], + [1210111200000, 0.64440], + [1210197600000, 0.64670], + [1210284000000, 0.65090], + [1210370400000, 0.64780], + [1210456800000, 0.64610], + [1210543200000, 0.64610], + [1210629600000, 0.64680], + [1210716000000, 0.64490], + [1210802400000, 0.6470], + [1210888800000, 0.64610], + [1210975200000, 0.64520], + [1211061600000, 0.64220], + [1211148000000, 0.64220], + [1211234400000, 0.64250], + [1211320800000, 0.64140], + [1211407200000, 0.63660], + [1211493600000, 0.63460], + [1211580000000, 0.6350], + [1211666400000, 0.63460], + [1211752800000, 0.63460], + [1211839200000, 0.63430], + [1211925600000, 0.63460], + [1212012000000, 0.63790], + [1212098400000, 0.64160], + [1212184800000, 0.64420], + [1212271200000, 0.64310], + [1212357600000, 0.64310], + [1212444000000, 0.64350], + [1212530400000, 0.6440], + [1212616800000, 0.64730], + [1212703200000, 0.64690], + [1212789600000, 0.63860], + [1212876000000, 0.63560], + [1212962400000, 0.6340], + [1213048800000, 0.63460], + [1213135200000, 0.6430], + [1213221600000, 0.64520], + [1213308000000, 0.64670], + [1213394400000, 0.65060], + [1213480800000, 0.65040], + [1213567200000, 0.65030], + [1213653600000, 0.64810], + [1213740000000, 0.64510], + [1213826400000, 0.6450], + [1213912800000, 0.64410], + [1213999200000, 0.64140], + [1214085600000, 0.64090], + [1214172000000, 0.64090], + [1214258400000, 0.64280], + [1214344800000, 0.64310], + [1214431200000, 0.64180], + [1214517600000, 0.63710], + [1214604000000, 0.63490], + [1214690400000, 0.63330], + [1214776800000, 0.63340], + [1214863200000, 0.63380], + [1214949600000, 0.63420], + [1215036000000, 0.6320], + [1215122400000, 0.63180], + [1215208800000, 0.6370], + [1215295200000, 0.63680], + [1215381600000, 0.63680], + [1215468000000, 0.63830], + [1215554400000, 0.63710], + [1215640800000, 0.63710], + [1215727200000, 0.63550], + [1215813600000, 0.6320], + [1215900000000, 0.62770], + [1215986400000, 0.62760], + [1216072800000, 0.62910], + [1216159200000, 0.62740], + [1216245600000, 0.62930], + [1216332000000, 0.63110], + [1216418400000, 0.6310], + [1216504800000, 0.63120], + [1216591200000, 0.63120], + [1216677600000, 0.63040], + [1216764000000, 0.62940], + [1216850400000, 0.63480], + [1216936800000, 0.63780], + [1217023200000, 0.63680], + [1217109600000, 0.63680], + [1217196000000, 0.63680], + [1217282400000, 0.6360], + [1217368800000, 0.6370], + [1217455200000, 0.64180], + [1217541600000, 0.64110], + [1217628000000, 0.64350], + [1217714400000, 0.64270], + [1217800800000, 0.64270], + [1217887200000, 0.64190], + [1217973600000, 0.64460], + [1218060000000, 0.64680], + [1218146400000, 0.64870], + [1218232800000, 0.65940], + [1218319200000, 0.66660], + [1218405600000, 0.66660], + [1218492000000, 0.66780], + [1218578400000, 0.67120], + [1218664800000, 0.67050], + [1218751200000, 0.67180], + [1218837600000, 0.67840], + [1218924000000, 0.68110], + [1219010400000, 0.68110], + [1219096800000, 0.67940], + [1219183200000, 0.68040], + [1219269600000, 0.67810], + [1219356000000, 0.67560], + [1219442400000, 0.67350], + [1219528800000, 0.67630], + [1219615200000, 0.67620], + [1219701600000, 0.67770], + [1219788000000, 0.68150], + [1219874400000, 0.68020], + [1219960800000, 0.6780], + [1220047200000, 0.67960], + [1220133600000, 0.68170], + [1220220000000, 0.68170], + [1220306400000, 0.68320], + [1220392800000, 0.68770], + [1220479200000, 0.69120], + [1220565600000, 0.69140], + [1220652000000, 0.70090], + [1220738400000, 0.70120], + [1220824800000, 0.7010], + [1220911200000, 0.70050] + ]; + + function euroFormatter(v, axis) { + return v.toFixed(axis.tickDecimals) + "â¬"; + } + + function doPlot(position) { + $.plot($("#flot-multiple-axes-chart"), [{ + data: oilprices, + label: "Oil price ($)" + }, { + data: exchangerates, + label: "USD/EUR exchange rate", + yaxis: 2 + }], { + xaxes: [{ + mode: 'time' + }], + yaxes: [{ + min: 0 + }, { + // align if we are to the right + alignTicksWithAxis: position == "right" ? 1 : null, + position: position, + tickFormatter: euroFormatter + }], + legend: { + position: 'sw' + }, + grid: { + hoverable: true //IMPORTANT! this is needed for tooltip to work + }, + tooltip: true, + tooltipOpts: { + content: "%s for %x was %y", + xDateFormat: "%y-%0m-%0d", + + onHover: function(flotItem, $tooltipEl) { + // console.log(flotItem, $tooltipEl); + } + } + + }); + } + + doPlot("right"); + + $("button").click(function() { + doPlot($(this).text()); + }); +}); +/* +// Flot Chart Dynamic Chart + +$(function() { + + var container = $("#flot-moving-line-chart"); + + // Determine how many data points to keep based on the placeholder's initial size; + // this gives us a nice high-res plot while avoiding more than one point per pixel. + + var maximum = container.outerWidth() / 2 || 300; + + // + + var data = []; + + function getRandomData() { + + if (data.length) { + data = data.slice(1); + } + + while (data.length < maximum) { + var previous = data.length ? data[data.length - 1] : 50; + var y = previous + Math.random() * 10 - 5; + data.push(y < 0 ? 0 : y > 100 ? 100 : y); + } + + // zip the generated y values with the x values + + var res = []; + for (var i = 0; i < data.length; ++i) { + res.push([i, data[i]]) + } + + return res; + } + + // + + series = [{ + data: getRandomData(), + lines: { + fill: true + } + }]; + + // + + var plot = $.plot(container, series, { + grid: { + borderWidth: 1, + minBorderMargin: 20, + labelMargin: 10, + backgroundColor: { + colors: ["#fff", "#e4f4f4"] + }, + margin: { + top: 8, + bottom: 20, + left: 20 + }, + markings: function(axes) { + var markings = []; + var xaxis = axes.xaxis; + for (var x = Math.floor(xaxis.min); x < xaxis.max; x += xaxis.tickSize * 2) { + markings.push({ + xaxis: { + from: x, + to: x + xaxis.tickSize + }, + color: "rgba(232, 232, 255, 0.2)" + }); + } + return markings; + } + }, + xaxis: { + tickFormatter: function() { + return ""; + } + }, + yaxis: { + min: 0, + max: 110 + }, + legend: { + show: true + } + }); + + // Update the random dataset at 25FPS for a smoothly-animating chart + + setInterval(function updateRandom() { + series[0].data = getRandomData(); + plot.setData(series); + plot.draw(); + }, 40); + +}); + +// Flot Chart Bar Graph + +$(function() { + + var barOptions = { + series: { + bars: { + show: true, + barWidth: 43200000 + } + }, + xaxis: { + mode: "time", + timeformat: "%m/%d", + minTickSize: [1, "day"] + }, + grid: { + hoverable: true + }, + legend: { + show: false + }, + tooltip: true, + tooltipOpts: { + content: "x: %x, y: %y" + } + }; + var barData = { + label: "bar", + data: [ + [1354521600000, 1000], + [1355040000000, 2000], + [1355223600000, 3000], + [1355306400000, 4000], + [1355487300000, 5000], + [1355571900000, 6000] + ] + }; + $.plot($("#flot-bar-chart"), [barData], barOptions); + +}); +*/ \ No newline at end of file
