azkaban-aplcache

Merge pull request #105 from davidzchen/morris-graphs Time

1/15/2014 1:02:02 AM

Details

diff --git a/src/web/js/azkaban/view/time-graph.js b/src/web/js/azkaban/view/time-graph.js
index 5466db3..5f4fd62 100644
--- a/src/web/js/azkaban/view/time-graph.js
+++ b/src/web/js/azkaban/view/time-graph.js
@@ -87,13 +87,29 @@ azkaban.TimeGraphView = Backbone.View.extend({
       }
     };
 
+    var yLabelFormatCallback = function(y) {
+      var seconds = y / 1000.0;
+      return seconds.toString() + " s";
+    };
+
+    var hoverCallback = function(index, options, content) {
+      // Note: series contains the data points in descending order and index
+      // is the index into Morris's internal array of data sorted in ascending
+      // x order.
+      var status = series[options.data.length - index - 1].status;
+      return content + 
+          '<div class="morris-hover-point">Status: ' + status + '</div>';
+    };
+
     Morris.Line({
       element: this.element,
       data: data,
       xkey: 'time',
       ykeys: ['duration'],
       labels: ['Duration'],
-      lineColors: lineColorsCallback
+      lineColors: lineColorsCallback,
+      yLabelFormat: yLabelFormatCallback,
+      hoverCallback: hoverCallback
     });
 	}
 });