Best javascript graph for a scaling timeline..

Question

I'm open to php graphing frameworks aswel, or anything that can output a .png with a nice transparent canvas background.

Anyway the data I have is like

-Time in format:: 25/11/12 - 11:20:01 PM +0000  
-Total Players online:: 29  
-And a list of player names:: Player1, Player2, Player3 

For the time format I could convert to epoch if it would make things a lot easy to graph?

I've seen some graphs where you can zoom in and out on a time line.. As I've got results taken every 5mins that's about 288 results for a 24hr period. So just looking for something that would be fairly easy to setup.

The extra fancything I was wondering was, if on mouseOver a particular result, it could show player names on at that time?

So anyone familiar with all the different javascript graphing scripts know of one that would easily do this without to much extra scripting on my side seeing i'm not fluent with javascript much at all.

Answer 1

Javascript:

Try Highcharts - A good library which I've used recently as it's got a lot of functionality and is highly flexible/configurable.

You could also try Rgraph too, which is an HTML5 charting library written in Javascript and that uses the HTML5 canvas tag to render/draw.

PHP:

JpGraph is a solid PHP-driven charting library that has been around for years and has been continually improved.