Graphael Line Chart

Is there a good tutorial for Graphael (special line charts), I currently trying to implement such a graph with grafael http://www.highcharts.com/demo/?example=line-time-series&

Solution 1:

A useful resource has been Kenny Shen's GitHub repository where he has begun writing up both documentation and examples for gRaphael.

https://github.com/qoelet/g.raphael

As an example check out the line chart documentation here

Solution 2:

The best example of a Raphael linechart must be this one: http://g.raphaeljs.com/linechart.html, from the source code you can get a lot of information on how they work and how they can be configured.

As far as I know there is no official documentation on this (yet?).

Solution 3:

To change the stacking of the lines, use the toFront and toBack functions.

linechart.lines[index].toFront();

Solution 4:

You could also check out RaphAlytics since it gives you quite a few options you can customize as well as the freedom to use multiple lines in the same graph and textual labels (which, unfortunately, gRaphael does not)

Check it out over here: https://github.com/tataencu/raphalytics

Solution 5:

For line charts here is good article: https://www.exratione.com/2011/10/a-few-tips-for-graphael-line-charts/