manually building a legend for a g.raphael linechart

graphael-linechart-legend.js

            raph = Raphael([..]);
            chart = raph.g.linechart([..]);

            var labels = ["first variable", "second variable", "third variable"];
 	    chart.labels = raph.set();
 	    var x = 15; var h = 5;
 	    for( var i = 0; i < labels.length; ++i ) {
 	      var clr = chart.lines[i].attr("stroke");
 	      chart.labels.push(raph.set());
 	      chart.labels[i].push(raph.g["disc"](x + 5, h, 5)
 	                           .attr({fill: clr, stroke: "none"}));
 	      chart.labels[i].push(txt = raph.text(x + 20, h, labels[i])
 	                           .attr(raph.g.txtattr)
 	                           .attr({fill: "#000", "text-anchor": "start"}));
 	      x += chart.labels[i].getBBox().width * 1.2;
 	    };

var labels = ["first variable", "cond", "third"];
chart.labels = r.set();
var x = 15; var h = 5;
for( var i = 0; i < labels.length; ++i ) {
var clr = chart.lines[i].attr("stroke");
chart.labels.push(r.set());
chart.labels[i].push(r["circle"](x, h, 5)
.attr({fill: clr, stroke: "none"}));
var a = r["text"](x, h-1000, labels[i]);
a.hide();
chart.labels[i].push(r["text"](x+a.getBBox%28%29.width/2+13, h, labels[i]).attr(txtattr).attr("fill", "#999999"));
console.log(chart.labels[i].getBBox().width);
x += chart.labels[i].getBBox().width+10;
};

I got an exception telling: g is undefined at line 10 ... any idea?

In the last version of gRaphaël, "disc" doesn't exist anymore and the functions like "circle" must be called through the Paper object (raph) directly. To make this work, you need to replace raph.g["disc"] by something like raph["circle"].