+/*
+ PlotKit Legend
+ ==============
+
+ Handles laying out legend into a DIV element.
+ Design taken from comments of Julien Wajsberg (http://
+groups.google.com/group/plotkit/browse_thread/thread/2494bd88e6e9956d)
+ and Niel Domingo (http://nieldomingo.blogspot.com/2007/03/legend-
+for-plotkit-bar-charts.html).
+
+ Copyright
+ ---------
+ Copyright 2007 (c) Ashley Martens <ashleym_72^yahoo.com>
+ For use under the BSD license. <http://www.liquidx.net/plotkit>
+
+*/
+
+try {
+ if (typeof(MochiKit.Base) == 'undefined' ||
+ typeof(MochiKit.DOM) == 'undefined' ||
+ typeof(MochiKit.Color) == 'undefined' ||
+ typeof(MochiKit.Format) == 'undefined' ||
+ typeof(PlotKit.Layout) == 'undefined' ||
+ typeof(PlotKit.Base) == 'undefined')
+ {
+ throw "";
+ }
+}
+catch (e) {
+ throw "PlotKit depends on MochiKit.{Base,Color,DOM,Format}"
+}
+
+if (typeof(PlotKit.LegendRenderer) == 'undefined') {
+ PlotKit.LegendRenderer = {};
+}
+
+PlotKit.LegendRenderer = function(element, layout, options) {
+ if (arguments.length > 0)
+ this.__init__(element, layout, options);
+};
+
+
+PlotKit.LegendRenderer.NAME = "PlotKit.LegendRenderer";
+PlotKit.LegendRenderer.VERSION = PlotKit.VERSION;
+
+PlotKit.LegendRenderer.__repr__ = function() {
+ return "[" + this.NAME + " " + this.VERSION + "]";
+};
+
+PlotKit.LegendRenderer.toString = function() {
+ return this.__repr__();
+}
+
+PlotKit.LegendRenderer.prototype.__init__ = function(element, layout,
+options) {
+ var isNil = MochiKit.Base.isUndefinedOrNull;
+ var Color = MochiKit.Color.Color;
+
+ this.options = {
+ "colorScheme": PlotKit.Base.palette(PlotKit.Base.baseColors()
+[0]),
+ "legendStyle": "table",
+ "tableColumns": 1
+ };
+ MochiKit.Base.update(this.options, options ? options : {});
+
+ this.layout = layout;
+ this.element = MochiKit.DOM.getElement(element);
+ // --- check whether everything is ok before we return
+
+ if (isNil(this.element))
+ throw "CRILegend() - passed legend is not found";
+};
+
+PlotKit.LegendRenderer.prototype.render = function() {
+ var colorScheme = this.options.colorScheme;
+ var setNames = PlotKit.Base.keys(this.layout.datasets);
+
+ MochiKit.DOM.updateNodeAttributes(this.element,
+ {"style":
+ {"margin":"0"
+ ,"padding":"0"
+ }
+ });
+
+
+ var ul = null;
+ if (this.options.legendStyle == "table")
+ ul = this._renderListTable(colorScheme, setNames);
+ else
+ ul = this._renderList(colorScheme, setNames);
+ MochiKit.DOM.appendChildNodes(this.element, ul);
+
+};
+
+PlotKit.LegendRenderer.prototype._renderList = function(colorScheme,
+setNames) {
+ var ul = document.createElement("ul");
+ ul.style.listStyle="none";
+ ul.style.margin="0";
+ ul.style.padding="0";
+
+ var colorCount = colorScheme.length;
+ var setCount = setNames.length;
+
+ for (var i = 0; i < setCount; i++) {
+ var setName = setNames[i];
+ var color = colorScheme[i%colorCount];
+ var le = this._renderElement(setName, color.toRGBString());
+ ul.appendChild(le);
+ }
+
+ return ul;
+};
+
+PlotKit.LegendRenderer.prototype._renderElement = function(title,
+color) {
+ var le = MochiKit.DOM.createDOM("li");
+ le.style.listStyle="none";
+ le.style.margin="0 0 5px 0";
+ le.style.padding="0";
+
+ var box = MochiKit.DOM.createDOM("div");
+ box.style.backgroundColor=color;
+ box.style.width="2em";
+ box.style.height=".9em";
+ box.style.border="1px solid black";
+ box.style.margin="0 5px 0 0";
+ box.style.padding="0";
+ box.style.float="left";
+ box.style.cssFloat="left";
+ box.style.clear="left";
+ box.style.cssClear="left";
+
+ var span = MochiKit.DOM.createDOM("span");
+ MochiKit.DOM.appendChildNodes(span,
+document.createTextNode(title));
+
+ MochiKit.DOM.appendChildNodes(le, box, span);
+
+ return le;
+};
+
+PlotKit.LegendRenderer.prototype._renderListTable =
+function(colorScheme, setNames) {
+ var tabhead = THEAD(null);
+ var tabfoot = TFOOT(null);
+
+ var tabbody = partial(TBODY, null);
+ var i = 0;
+ var colorcount = colorScheme.length;
+ var tabrow;
+ var columns = this.options.tableColumns;
+ for (var label in setNames)
+ {
+ var legendcolor = colorScheme[i%colorcount];
+ var legendbox = DIV({'class': 'legendbox', 'className':
+'legendbox'});
+ legendbox.style.width = "10px";
+ legendbox.style.height = "10px";
+ legendbox.style.backgroundColor = legendcolor.toHexString();
+ legendbox.style.borderWidth = "1px";
+ legendbox.style.borderStyle = "solid";
+ legendbox.style.borderColor = "#000000";
+ var boxcell = TD(null, legendbox);
+
+ var labelcell = TD({'class': 'legendlabel', 'className':
+'legendlabel'}, setNames[i]);
+ labelcell.style.font = 'normal 10pt arial';
+
+ if (!(i % columns))
+ {
+ tabrow = partial(TR, null);
+ }
+ tabrow = partial(tabrow, boxcell, labelcell);
+ if (i % columns)
+ {
+ tabrow = tabrow(null);
+ tabbody = partial(tabbody, tabrow);
+ }
+ i++;
+ }
+ if ((setNames % columns))
+ {
+ tabrow = tabrow(TD(null), TD(null));
+ tabbody = partial(tabbody, tabrow);
+ }
+ tabbody = tabbody(null);
+
+ tab = TABLE({'class': 'legendcontainer', 'className':
+'legendcontainer'}, tabhead, tabfoot, tabbody);
+ tab.style.marginTop = '1em';
+ tab.style.marginLeft = '1.5em';
+ tab.style.marginBottom = '1em';
+ tab.style.borderWidth = '1px';
+ tab.style.borderStyle = 'solid';
+ tab.style.borderColor = '#000000';
+
+ return tab;
+};
+
+// Namespace Iniitialisation
+
+PlotKit.Legend = {}
+PlotKit.Legend.LegendRenderer = PlotKit.LegendRenderer;
+
+
+PlotKit.Legend.EXPORT = [
+ "LegendRenderer"
+];
+
+PlotKit.Legend.EXPORT_OK = [
+ "LegendRenderer"
+];
+
+PlotKit.Legend.__new__ = function() {
+ var m = MochiKit.Base;
+
+ m.nameFunctions(this);
+
+ this.EXPORT_TAGS = {
+ ":common": this.EXPORT,
+ ":all": m.concat(this.EXPORT, this.EXPORT_OK)
+ };
+};
+
+PlotKit.Legend.__new__();
+MochiKit.Base._exportSymbols(this, PlotKit.Legend);
\ No newline at end of file
projects / project / luci.git / blobdiff