Add a legend on the speed/attenuation graph
authorGu1 <gu1@cafai.fr>
Fri, 12 Apr 2013 16:03:38 +0000 (18:03 +0200)
committerGu1 <gu1@cafai.fr>
Fri, 12 Apr 2013 16:03:38 +0000 (18:03 +0200)
fdneligibility/static/js/eligibility.js

index 4413f1e..c12330d 100644 (file)
@@ -50,12 +50,20 @@ MyLine.prototype.draw = function() {
     this.followcursor=this.raphael.path('M 0,0V0'); // init empty vertical bar
     this.parent.draw.call(this);
     
+    /* draw legend */
+    var lastd=this.data[this.data.length-1],
+        lastx=lastd._x;
+    this.raphael.rect(lastx-10, 12, 10, 10).attr({'fill': this.colorFor(lastd, 0, 'label'), 'stroke': null});
+    this.raphael.rect(lastx-10, 28, 10, 10).attr({'fill': this.colorFor(lastd, 1, 'label'), 'stroke': null});
+    this.raphael.text(lastx-15, 12+5, this.options.labels[0]).attr({'text-anchor': 'end', 'font-size': '10px', 'fill': '#333333'});
+    this.raphael.text(lastx-15, 28+5, this.options.labels[1]).attr({'text-anchor': 'end', 'font-size': '10px', 'fill': '#333333'});
+
     if(this._trgt === undefined)
         return;
     d=this.data[this._trgt];
     var img = [20, 55]
     img = img.concat([d._x-(img[0]/2), d._y[0]-(img[1]/2)])
-    this.raphael.image('http://cafai.fr/marker.png', img[2], img[3], img[0], img[1]);
+    this.raphael.image('/static/img/marker.png', img[2], img[3], img[0], img[1]);
     this.img=img // w h x y
 }