Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to create a dynamic line graph like Google Finance has?

I'm looking to create a dynamic zoomable line graph for a web page I'm doing.

I was told to "make it like Google's one" (though by a sales guy who in turn is parroting the client, so he's aiming high. They'll all come right back down to earth once I tell him how much it'll cost!)

Can somebody recommend where to start with this? Are there any available jQuery plugins out there? Or other means of producing something similar?

like image 589
DaveDev Avatar asked Apr 29 '11 16:04

DaveDev


People also ask

How do I copy a graph from Google Finance?

Google Docs allows you to copy and download the item in many formats, including Excel, PDF, OpenOffice and HyperText Markup Language. Click the “Save” button and set your preferred computer save location to copy and save the chart or spreadsheet to your computer's hard drive.


2 Answers

You can try google charting APIs like Wyatt noted, however, do keep in mind that google pulls data to its severs, and if your client has any privacy hassles, maybe thats not the solution to go for.

I would recommend these - jqPlot - Good looks, MIT / GPL licence, interactive, http://www.jqplot.com/

flot - Good looks, Open source, interactive, http://code.google.com/p/flot/

Highcharts - Multiple licenses (might have to pay) http://www.highcharts.com/

Lots of other options, but these are all javascript based :)

like image 81
Jai Avatar answered Oct 14 '22 21:10

Jai


You can use the same toys google is using for starters.

like image 44
Wyatt Barnett Avatar answered Oct 14 '22 22:10

Wyatt Barnett