rrd-grapher 1.0.0

data/lib/rrd-grapher/public/javascripts/backbone/underscore.min.js

@@ -0,0 +1,27 @@
+// Underscore.js 1.1.7
+// (c) 2011 Jeremy Ashkenas, DocumentCloud Inc.
+// Underscore is freely distributable under the MIT license.
+// Portions of Underscore are inspired or borrowed from Prototype,
+// Oliver Steele's Functional, and John Resig's Micro-Templating.
+// For all details and documentation:
+// http://documentcloud.github.com/underscore
+(function(){var p=this,C=p._,m={},i=Array.prototype,n=Object.prototype,f=i.slice,D=i.unshift,E=n.toString,l=n.hasOwnProperty,s=i.forEach,t=i.map,u=i.reduce,v=i.reduceRight,w=i.filter,x=i.every,y=i.some,o=i.indexOf,z=i.lastIndexOf;n=Array.isArray;var F=Object.keys,q=Function.prototype.bind,b=function(a){return new j(a)};typeof module!=="undefined"&&module.exports?(module.exports=b,b._=b):p._=b;b.VERSION="1.1.7";var h=b.each=b.forEach=function(a,c,b){if(a!=null)if(s&&a.forEach===s)a.forEach(c,b);else if(a.length===
++a.length)for(var e=0,k=a.length;e<k;e++){if(e in a&&c.call(b,a[e],e,a)===m)break}else for(e in a)if(l.call(a,e)&&c.call(b,a[e],e,a)===m)break};b.map=function(a,c,b){var e=[];if(a==null)return e;if(t&&a.map===t)return a.map(c,b);h(a,function(a,g,G){e[e.length]=c.call(b,a,g,G)});return e};b.reduce=b.foldl=b.inject=function(a,c,d,e){var k=d!==void 0;a==null&&(a=[]);if(u&&a.reduce===u)return e&&(c=b.bind(c,e)),k?a.reduce(c,d):a.reduce(c);h(a,function(a,b,f){k?d=c.call(e,d,a,b,f):(d=a,k=!0)});if(!k)throw new TypeError("Reduce of empty array with no initial value");
+return d};b.reduceRight=b.foldr=function(a,c,d,e){a==null&&(a=[]);if(v&&a.reduceRight===v)return e&&(c=b.bind(c,e)),d!==void 0?a.reduceRight(c,d):a.reduceRight(c);a=(b.isArray(a)?a.slice():b.toArray(a)).reverse();return b.reduce(a,c,d,e)};b.find=b.detect=function(a,c,b){var e;A(a,function(a,g,f){if(c.call(b,a,g,f))return e=a,!0});return e};b.filter=b.select=function(a,c,b){var e=[];if(a==null)return e;if(w&&a.filter===w)return a.filter(c,b);h(a,function(a,g,f){c.call(b,a,g,f)&&(e[e.length]=a)});return e};
+b.reject=function(a,c,b){var e=[];if(a==null)return e;h(a,function(a,g,f){c.call(b,a,g,f)||(e[e.length]=a)});return e};b.every=b.all=function(a,c,b){var e=!0;if(a==null)return e;if(x&&a.every===x)return a.every(c,b);h(a,function(a,g,f){if(!(e=e&&c.call(b,a,g,f)))return m});return e};var A=b.some=b.any=function(a,c,d){c=c||b.identity;var e=!1;if(a==null)return e;if(y&&a.some===y)return a.some(c,d);h(a,function(a,b,f){if(e|=c.call(d,a,b,f))return m});return!!e};b.include=b.contains=function(a,c){var b=
+!1;if(a==null)return b;if(o&&a.indexOf===o)return a.indexOf(c)!=-1;A(a,function(a){if(b=a===c)return!0});return b};b.invoke=function(a,c){var d=f.call(arguments,2);return b.map(a,function(a){return(c.call?c||a:a[c]).apply(a,d)})};b.pluck=function(a,c){return b.map(a,function(a){return a[c]})};b.max=function(a,c,d){if(!c&&b.isArray(a))return Math.max.apply(Math,a);var e={computed:-Infinity};h(a,function(a,b,f){b=c?c.call(d,a,b,f):a;b>=e.computed&&(e={value:a,computed:b})});return e.value};b.min=function(a,
+c,d){if(!c&&b.isArray(a))return Math.min.apply(Math,a);var e={computed:Infinity};h(a,function(a,b,f){b=c?c.call(d,a,b,f):a;b<e.computed&&(e={value:a,computed:b})});return e.value};b.sortBy=function(a,c,d){return b.pluck(b.map(a,function(a,b,f){return{value:a,criteria:c.call(d,a,b,f)}}).sort(function(a,b){var c=a.criteria,d=b.criteria;return c<d?-1:c>d?1:0}),"value")};b.groupBy=function(a,b){var d={};h(a,function(a,f){var g=b(a,f);(d[g]||(d[g]=[])).push(a)});return d};b.sortedIndex=function(a,c,d){d||
+(d=b.identity);for(var e=0,f=a.length;e<f;){var g=e+f>>1;d(a[g])<d(c)?e=g+1:f=g}return e};b.toArray=function(a){if(!a)return[];if(a.toArray)return a.toArray();if(b.isArray(a))return f.call(a);if(b.isArguments(a))return f.call(a);return b.values(a)};b.size=function(a){return b.toArray(a).length};b.first=b.head=function(a,b,d){return b!=null&&!d?f.call(a,0,b):a[0]};b.rest=b.tail=function(a,b,d){return f.call(a,b==null||d?1:b)};b.last=function(a){return a[a.length-1]};b.compact=function(a){return b.filter(a,
+function(a){return!!a})};b.flatten=function(a){return b.reduce(a,function(a,d){if(b.isArray(d))return a.concat(b.flatten(d));a[a.length]=d;return a},[])};b.without=function(a){return b.difference(a,f.call(arguments,1))};b.uniq=b.unique=function(a,c){return b.reduce(a,function(a,e,f){if(0==f||(c===!0?b.last(a)!=e:!b.include(a,e)))a[a.length]=e;return a},[])};b.union=function(){return b.uniq(b.flatten(arguments))};b.intersection=b.intersect=function(a){var c=f.call(arguments,1);return b.filter(b.uniq(a),
+function(a){return b.every(c,function(c){return b.indexOf(c,a)>=0})})};b.difference=function(a,c){return b.filter(a,function(a){return!b.include(c,a)})};b.zip=function(){for(var a=f.call(arguments),c=b.max(b.pluck(a,"length")),d=Array(c),e=0;e<c;e++)d[e]=b.pluck(a,""+e);return d};b.indexOf=function(a,c,d){if(a==null)return-1;var e;if(d)return d=b.sortedIndex(a,c),a[d]===c?d:-1;if(o&&a.indexOf===o)return a.indexOf(c);d=0;for(e=a.length;d<e;d++)if(a[d]===c)return d;return-1};b.lastIndexOf=function(a,
+b){if(a==null)return-1;if(z&&a.lastIndexOf===z)return a.lastIndexOf(b);for(var d=a.length;d--;)if(a[d]===b)return d;return-1};b.range=function(a,b,d){arguments.length<=1&&(b=a||0,a=0);d=arguments[2]||1;for(var e=Math.max(Math.ceil((b-a)/d),0),f=0,g=Array(e);f<e;)g[f++]=a,a+=d;return g};b.bind=function(a,b){if(a.bind===q&&q)return q.apply(a,f.call(arguments,1));var d=f.call(arguments,2);return function(){return a.apply(b,d.concat(f.call(arguments)))}};b.bindAll=function(a){var c=f.call(arguments,1);
+c.length==0&&(c=b.functions(a));h(c,function(c){a[c]=b.bind(a[c],a)});return a};b.memoize=function(a,c){var d={};c||(c=b.identity);return function(){var b=c.apply(this,arguments);return l.call(d,b)?d[b]:d[b]=a.apply(this,arguments)}};b.delay=function(a,b){var d=f.call(arguments,2);return setTimeout(function(){return a.apply(a,d)},b)};b.defer=function(a){return b.delay.apply(b,[a,1].concat(f.call(arguments,1)))};var B=function(a,b,d){var e;return function(){var f=this,g=arguments,h=function(){e=null;
+a.apply(f,g)};d&&clearTimeout(e);if(d||!e)e=setTimeout(h,b)}};b.throttle=function(a,b){return B(a,b,!1)};b.debounce=function(a,b){return B(a,b,!0)};b.once=function(a){var b=!1,d;return function(){if(b)return d;b=!0;return d=a.apply(this,arguments)}};b.wrap=function(a,b){return function(){var d=[a].concat(f.call(arguments));return b.apply(this,d)}};b.compose=function(){var a=f.call(arguments);return function(){for(var b=f.call(arguments),d=a.length-1;d>=0;d--)b=[a[d].apply(this,b)];return b[0]}};b.after=
+function(a,b){return function(){if(--a<1)return b.apply(this,arguments)}};b.keys=F||function(a){if(a!==Object(a))throw new TypeError("Invalid object");var b=[],d;for(d in a)l.call(a,d)&&(b[b.length]=d);return b};b.values=function(a){return b.map(a,b.identity)};b.functions=b.methods=function(a){var c=[],d;for(d in a)b.isFunction(a[d])&&c.push(d);return c.sort()};b.extend=function(a){h(f.call(arguments,1),function(b){for(var d in b)b[d]!==void 0&&(a[d]=b[d])});return a};b.defaults=function(a){h(f.call(arguments,
+1),function(b){for(var d in b)a[d]==null&&(a[d]=b[d])});return a};b.clone=function(a){return b.isArray(a)?a.slice():b.extend({},a)};b.tap=function(a,b){b(a);return a};b.isEqual=function(a,c){if(a===c)return!0;var d=typeof a;if(d!=typeof c)return!1;if(a==c)return!0;if(!a&&c||a&&!c)return!1;if(a._chain)a=a._wrapped;if(c._chain)c=c._wrapped;if(a.isEqual)return a.isEqual(c);if(c.isEqual)return c.isEqual(a);if(b.isDate(a)&&b.isDate(c))return a.getTime()===c.getTime();if(b.isNaN(a)&&b.isNaN(c))return!1;
+if(b.isRegExp(a)&&b.isRegExp(c))return a.source===c.source&&a.global===c.global&&a.ignoreCase===c.ignoreCase&&a.multiline===c.multiline;if(d!=="object")return!1;if(a.length&&a.length!==c.length)return!1;d=b.keys(a);var e=b.keys(c);if(d.length!=e.length)return!1;for(var f in a)if(!(f in c)||!b.isEqual(a[f],c[f]))return!1;return!0};b.isEmpty=function(a){if(b.isArray(a)||b.isString(a))return a.length===0;for(var c in a)if(l.call(a,c))return!1;return!0};b.isElement=function(a){return!!(a&&a.nodeType==
+1)};b.isArray=n||function(a){return E.call(a)==="[object Array]"};b.isObject=function(a){return a===Object(a)};b.isArguments=function(a){return!(!a||!l.call(a,"callee"))};b.isFunction=function(a){return!(!a||!a.constructor||!a.call||!a.apply)};b.isString=function(a){return!!(a===""||a&&a.charCodeAt&&a.substr)};b.isNumber=function(a){return!!(a===0||a&&a.toExponential&&a.toFixed)};b.isNaN=function(a){return a!==a};b.isBoolean=function(a){return a===!0||a===!1};b.isDate=function(a){return!(!a||!a.getTimezoneOffset||
+!a.setUTCFullYear)};b.isRegExp=function(a){return!(!a||!a.test||!a.exec||!(a.ignoreCase||a.ignoreCase===!1))};b.isNull=function(a){return a===null};b.isUndefined=function(a){return a===void 0};b.noConflict=function(){p._=C;return this};b.identity=function(a){return a};b.times=function(a,b,d){for(var e=0;e<a;e++)b.call(d,e)};b.mixin=function(a){h(b.functions(a),function(c){H(c,b[c]=a[c])})};var I=0;b.uniqueId=function(a){var b=I++;return a?a+b:b};b.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g};
+b.template=function(a,c){var d=b.templateSettings;d="var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('"+a.replace(/\\/g,"\\\\").replace(/'/g,"\\'").replace(d.interpolate,function(a,b){return"',"+b.replace(/\\'/g,"'")+",'"}).replace(d.evaluate||null,function(a,b){return"');"+b.replace(/\\'/g,"'").replace(/[\r\n\t]/g," ")+"__p.push('"}).replace(/\r/g,"\\r").replace(/\n/g,"\\n").replace(/\t/g,"\\t")+"');}return __p.join('');";d=new Function("obj",d);return c?d(c):d};
+var j=function(a){this._wrapped=a};b.prototype=j.prototype;var r=function(a,c){return c?b(a).chain():a},H=function(a,c){j.prototype[a]=function(){var a=f.call(arguments);D.call(a,this._wrapped);return r(c.apply(b,a),this._chain)}};b.mixin(b);h(["pop","push","reverse","shift","sort","splice","unshift"],function(a){var b=i[a];j.prototype[a]=function(){b.apply(this._wrapped,arguments);return r(this._wrapped,this._chain)}});h(["concat","join","slice"],function(a){var b=i[a];j.prototype[a]=function(){return r(b.apply(this._wrapped,
+arguments),this._chain)}});j.prototype.chain=function(){this._chain=!0;return this};j.prototype.value=function(){return this._wrapped}})();

data/lib/rrd-grapher/public/javascripts/classes/format.js

@@ -0,0 +1,42 @@
+(function() {
+  window.Format = {
+    speed: function(num) {
+      return Format._convert(num, 1024, ["B/s", "KB/s", "MB/s", "GB/s"]);
+    },
+    size: function(num) {
+      return Format._convert(num, 1024, ["B", "KB", "MB", "GB"]);
+    },
+    percent: function(num) {
+      return Format._convert(num, null, ["%"]);
+    },
+    delay: function(num) {
+      if (num < 1000) {
+        return Format._convert(num, null, ["ms"]);
+      } else {
+        return Format._convert(num / 1000, 60, ["s", "m", "h"]);
+      }
+    },
+    identity: function(num) {
+      return Format._convert(num);
+    },
+    _convert: function(num, ref, units) {
+      var abs_num, index, sign;
+      if (ref == null) {
+        ref = null;
+      }
+      if (units == null) {
+        units = [""];
+      }
+      index = 0;
+      sign = num < 0 ? -1 : 1;
+      abs_num = Math.abs(num);
+      if (ref) {
+        while (abs_num > ref) {
+          abs_num /= ref;
+          index += 1;
+        }
+      }
+      return "" + parseFloat(abs_num * sign).toFixed(2) + "&nbsp;" + units[index];
+    }
+  };
+}).call(this);

data/lib/rrd-grapher/public/javascripts/classes/graph.js

@@ -0,0 +1,360 @@
+(function() {
+  var __hasProp = Object.prototype.hasOwnProperty, __extends = function(child, parent) {
+    for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; }
+    function ctor() { this.constructor = child; }
+    ctor.prototype = parent.prototype;
+    child.prototype = new ctor;
+    child.__super__ = parent.prototype;
+    return child;
+  }, __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+  window.Graph = (function() {
+    var colors, lpad;
+    __extends(Graph, Backbone.Model);
+    function Graph() {
+      Graph.__super__.constructor.apply(this, arguments);
+    }
+    colors = ["#edc240", "#afd8f8", "#cb4b4b", "#4da74d", "#9440ed", "#FF4571", "#FF8ED4", "#FF768C", "#1E74FF"];
+    Graph.prototype.defaults = {
+      "formatters": [Format.identity, Format.identity],
+      "limits": [[null, null], [null, null]]
+    };
+    Graph.prototype.initialize = function() {
+      var parent_container, title, to;
+      this.next_color = 0;
+      this.set({
+        "maxrows": 400
+      });
+      this.set({
+        "legend_containers": []
+      });
+      parent_container = this.get("parent_container");
+      title = this.get("title");
+      if (this.get("limits") === null) {
+        this.set({
+          "limits": this.defaults["limits"]
+        });
+      }
+      this.master_container = $("<div>").addClass("graph_container").appendTo(parent_container);
+      this.get("legend_containers")[0] = $("<div>").addClass('legend').appendTo(this.master_container);
+      $("<h3>").text(title).appendTo(this.get("legend_containers")[0]);
+      $("<div>").appendTo(this.get("legend_containers")[0]);
+      this.set({
+        "container": $("<div>").addClass("graph").appendTo(this.master_container)
+      });
+      this.set({
+        "series": []
+      });
+      this.set({
+        "tooltip_point": null
+      });
+      to = Math.floor((new Date().getTime() / 1000) - 60);
+      this.set({
+        "to": to
+      });
+      this.set({
+        "from": to - 15 * 60
+      });
+      this.set({
+        "plot": null
+      });
+      return this.set({
+        "flot_options": {
+          "legend": {
+            show: false
+          },
+          "selection": {
+            mode: 'x'
+          },
+          "grid": {
+            hoverable: true
+          },
+          "xaxis": {
+            mode: "time",
+            show: true
+          },
+          "yaxes": [
+            {
+              "min": this.get("limits")[0][0],
+              "max": this.get("limits")[0][1],
+              "tickFormatter": this.get("formatters")[0],
+              "labelWidth": 100
+            }, {
+              "min": this.get("limits")[1][0],
+              "max": this.get("limits")[1][1],
+              "position": "right",
+              "labelWidth": 100,
+              "reserveSpace": true,
+              "tickFormatter": this.get("formatters")[1]
+            }
+          ]
+        }
+      });
+    };
+    Graph.prototype.addSerie = function(rrd_path, ds_name, legend, yaxis, formatter) {
+      var s;
+      yaxis = yaxis || 1;
+      formatter = formatter || this.get("formatters")[yaxis - 1];
+      s = new Serie(rrd_path, ds_name, legend, yaxis, formatter);
+      s.color = colors[this.next_color++];
+      return this.get("series").push(s);
+    };
+    Graph.prototype.addLine = function(yvalue, legend, yaxis, formatter) {
+      var s;
+      yaxis = yaxis || 1;
+      formatter = formatter || this.get("formatters")[yaxis - 1];
+      s = new StaticLine(yvalue, legend, yaxis, formatter);
+      s.color = colors[this.next_color++];
+      return this.get("series").push(s);
+    };
+    Graph.prototype.create = function() {
+      this.update_graph(true);
+      return this;
+    };
+    Graph.prototype._build_query = function(s) {
+      var query;
+      query = "/rrd/" + s.rrd_path + "/values/" + (this.get('from')) + "/" + (this.get('to')) + "?maxrows=" + (this.get('maxrows')) + "&ds_name=" + s.ds_name;
+      if (s.rra) {
+        query += "&rra=" + s.rra;
+      }
+      return query;
+    };
+    Graph.prototype.update_graph = function(first) {
+      var urls;
+      if (this.master_container) {
+        first = first || false;
+        urls = [];
+        urls = $(this.get("series")).filter(function(i, s) {
+          return s.enabled && !s.static;
+        }).map(__bind(function(i, s) {
+          return [[this._build_query(s), s]];
+        }, this));
+        return this.multiple_get(urls, __bind(function(data_array) {
+          $(this.get("series")).filter(function(i, s) {
+            return s.enabled && s.static;
+          }).each(__bind(function(i, s) {
+            return data_array.push(s.get_definition(this.get("from"), this.get("to")));
+          }, this));
+          return this._update_graph_common(first, data_array);
+        }, this));
+      }
+    };
+    Graph.prototype.update_graph_from_cache = function() {
+      var data_array;
+      data_array = [];
+      $.each(this.get("series"), __bind(function(i, s) {
+        if (s.enabled) {
+          return data_array.push(s.get_definition(this.get("from"), this.get("to")));
+        }
+      }, this));
+      return this._update_graph_common(false, data_array);
+    };
+    Graph.prototype.set_interval = function(from, to) {
+      this.set({
+        "from": from
+      });
+      return this.set({
+        "to": to
+      });
+    };
+    Graph.prototype._update_graph_common = function(first, data_array) {
+      var container, i, options, plot, _ref;
+      if (first) {
+        this.set({
+          "plot": $.plot(this.get("container"), data_array, this.get("flot_options"))
+        });
+        container = this.get("container");
+        container.bind("plothover", __bind(function(event, pos, item) {
+          return this.show_tooltip(event, pos, item);
+        }, this));
+        container.bind("plotselected", __bind(function(event, ranges) {
+          var from, to;
+          from = Time.client_to_server(ranges.xaxis.from);
+          to = Time.client_to_server(ranges.xaxis.to);
+          this.set_interval(from, to);
+          this.trigger("plotselection", from, to);
+          this.update_graph();
+          return this.get("plot").clearSelection();
+        }, this));
+        container.dblclick(__bind(function() {
+          return this.trigger("dblclick");
+        }, this));
+      } else {
+        plot = this.get("plot");
+        plot.setData(data_array);
+        plot.setupGrid();
+        plot.draw();
+      }
+      options = this.get("plot").getOptions();
+      for (i = 0, _ref = this.get("series").length; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) {
+        this.get("series")[i].color = options.colors[i];
+      }
+      return this.create_legend(0);
+    };
+    Graph.prototype.multiple_get = function(urls, when_done_cb) {
+      var left, ret;
+      urls = $.makeArray(urls);
+      left = urls.length;
+      ret = [];
+      return $(urls).each(__bind(function(i, el) {
+        var serie, url;
+        url = el[0];
+        serie = el[1];
+        return $.ajax({
+          url: url,
+          dataType: 'json',
+          complete: function() {
+            left -= 1;
+            if (left === 0) {
+              return when_done_cb(ret);
+            }
+          },
+          success: function(data) {
+            serie.set_data(data);
+            return ret.push(serie.get_definition());
+          },
+          error: __bind(function(xhr, errText, err) {
+            if ((xhr.status === 404) && this.master_container) {
+              this.master_container.remove();
+              return this.master_container = null;
+            }
+          }, this)
+        });
+      }, this));
+    };
+    Graph.prototype.avg = function(s) {
+      var count, ret;
+      ret = 0;
+      count = 0;
+      $.each(s.data, function(i, pair) {
+        var val;
+        val = pair[1];
+        if (val !== null) {
+          ret += val;
+          return count++;
+        }
+      });
+      return ret / count;
+    };
+    Graph.prototype.min = function(s) {
+      var ret;
+      ret = null;
+      $.each(s.data, function(i, pair) {
+        var val;
+        val = pair[1];
+        if ((val !== null) && !isNaN(val) && (!ret || (val < ret))) {
+          return ret = val;
+        }
+      });
+      return ret;
+    };
+    Graph.prototype.max = function(s) {
+      var ret;
+      ret = null;
+      $.each(s.data, function(i, pair) {
+        var val;
+        val = pair[1];
+        if ((val !== null) && !isNaN(val) && (!ret || (val > ret))) {
+          return ret = val;
+        }
+      });
+      return ret;
+    };
+    lpad = function(str, length, padString) {
+      var len;
+      if (padString == null) {
+        padString = " ";
+      }
+      str = String(str);
+      len = length - str.length;
+      return str = Array(len).join(padString) + str;
+    };
+    Graph.prototype.show_tooltip = function(event, pos, item) {
+      var content, date_str, id, item_date, s, y;
+      if (item) {
+        id = "" + item.seriesIndex + ":" + item.dataIndex;
+        if (this.get("tooltip_point") !== id) {
+          this.set({
+            "tooltip_point": id
+          });
+          s = $(this.get("series")).filter(function(i, s) {
+            return s.legend === item.series.label;
+          }).first();
+          if (s.length > 0) {
+            s = s[0];
+            $("#tooltip").remove();
+            y = item.datapoint[1];
+            item_date = new Date(item.datapoint[0] - (Time.tz_offset * 1000));
+            date_str = lpad(item_date.getHours(), 2, '0') + ":" + lpad(item_date.getMinutes(), 2, '0');
+            content = s.format(y) + '<br/>' + date_str + "<br/>" + s.legend;
+            return $('<div id="tooltip">' + content + '</div>').css({
+              position: 'absolute',
+              display: 'none',
+              top: item.pageY - 5,
+              left: item.pageX + 15,
+              border: '1px solid #fdd',
+              padding: '2px',
+              'background-color': '#fee',
+              opacity: 0.80
+            }).appendTo("body").fadeIn(200);
+          }
+        }
+      } else {
+        $("#tooltip").remove();
+        return this.set({
+          "tooltip_point": null
+        });
+      }
+    };
+    Graph.prototype.create_legend = function(index) {
+      var fragments, i, label, legend_lines, rowStarted, s, series, table, _ref;
+      series = this.get("series");
+      fragments = [];
+      rowStarted = false;
+      fragments.push("<tr><th></th><th>label</th><th>Avg</th><th>Min</th><th>Max</th></tr>");
+      for (i = 0, _ref = series.length; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) {
+        s = series[i];
+        label = s.legend;
+        if (!label) {
+          continue;
+        }
+        if (i % 1 === 0) {
+          if (rowStarted) {
+            fragments.push('</tr>');
+          }
+          fragments.push('<tr>');
+          rowStarted = true;
+        }
+        fragments.push('<td data-serie="' + i + '" class="legendColorBox"><div class="outerBorder"><div style="width:4px;height:0;border:5px solid ' + s.color + ';overflow:hidden"></div></div></td>');
+        fragments.push('<td class="legendLabel">' + label + '</td>');
+        fragments.push("<td>" + (s.format(this.avg(s))) + "</td>");
+        fragments.push("<td>" + (s.format(this.min(s))) + "</td>");
+        fragments.push("<td>" + (s.format(this.max(s))) + "</td>");
+      }
+      if (rowStarted) {
+        fragments.push('</tr>');
+      }
+      if (fragments.length === 0) {
+        return;
+      }
+      table = '<table style="font-size:smaller;color:#545454">' + fragments.join("") + '</table>';
+      this.get("legend_containers")[index].find("div").html(table);
+      legend_lines = $(".legendColorBox", this.get("legend_containers")[index]);
+      $.each(legend_lines, __bind(function(i, el) {
+        var id;
+        id = $(el).attr("data-serie");
+        s = this.get("series")[id];
+        return s.set_legend_color(el);
+      }, this));
+      return legend_lines.click(__bind(function(event) {
+        var id, target;
+        target = event.currentTarget;
+        id = $(target).attr("data-serie");
+        s = this.get("series")[id];
+        s.toggle_enabled();
+        s.set_legend_color(target);
+        return this.update_graph_from_cache();
+      }, this));
+    };
+    return Graph;
+  })();
+}).call(this);