Draw line charts. Moving from JpGraph to Raphael JS

Question

I've an application that based on some values from different inputs (temperature, humidity...), show different charts.
So far I've done that with JpGraph, and I found it pretty easy to do. You can add a legend easily, and plot as many functions as you want. You can also fix the scale easily. Regardless of that, I would like to have some interactivity with the user (I just want that one the user clicks on a point of the graph, the X and Y value are shown). That is not easy to do with JpGraph because it is just a PNG image.

I was recommended to use Raphael JS library, and I've been reading to the documentation (Raphael JS Reference), but I don't see that what I want to do (line charts) is that simple.

So, I am asking, to both Jpgraph users and Raphael JS users if they had had experience with this, and if there is any good tutorial online (I have not able to find one that works with line charts). The kind of graphs I'm drawing now are like this: JpGraph Example

Answer 1

Some other options:

• D3.js (SVG)
• JSXGraph (SVG and VML for IE)
• Protovis (SVG)

Answer 2

There is a chart plugin for Raphael. It supports line charts. The documentation is certainly lacking - but there is always the source.

Answer 3

Answering myself. After doing some research, I found this one pretty interesting for doing line charts:Grafico