airavata-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ndo...@apache.org
Subject [5/5] airavata-php-gateway git commit: Charting and graph libraries added for experiment dashboard UI.
Date Thu, 14 May 2015 20:34:46 GMT
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 <nipunhere@gmail.com>
Authored: Thu May 14 16:34:31 2015 -0400
Committer: Nipurn Doshi <nipunhere@gmail.com>
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


Mime
View raw message