views:

906

answers:

16

Hi, I want to include some charts on my website and I'm looking for a good cross-browser charting package - what are my options?

A: 

Try : http://thejit.org/

Doomspork
Hm, very sexy tree-representations, shame that it seems to require a canvas object to be already created to work; a bit of a jquery outer wrapper on it to make it like flot would make it lovely.
ijw
Yeah, it could use a little lovein' but it's a great set of graphs
Doomspork
+2  A: 

If you consider Flash to be cross browser and don't mind spending some money this is a good option:

http://www.fusioncharts.com/

Jon
Well, except for mobile, I guess Flash is cross-browser. Some of the JavaScript ones work on iPhone.
Nosredna
+12  A: 

Google Chart API is really powerful, and unlike flot does not rely on javascript being enabled.

http://code.google.com/apis/chart/

Charlie
Thanks,this one is nice.
Andrejs Cainikovs
I like this but I just don't like the way I can't download it and put it on my own server.
DLauer
Browser cache my friend... browser cache. That or look at whats retreived in firebug's NET tab.
Zoidberg
A API compatible charting solution is available for Java based web apps called Eastwood (based on JFree chart). See http://www.jfree.org/eastwood/
BenM
+1  A: 

If it's possible for your project, you might also want to check out some of the Flash charting packages like Open Flash Chart.

You could also try using some of the Flex functionality.

That way no matter what browser your user is using, you're running on a consistant runtime.

Justin Niessner
+1  A: 

Flot is nice. Not the most fully-featured charting system, but it does what it does really well.

Rob Knight
+16  A: 

I prefer jQuery one:
http://code.google.com/p/flot/

Examples:
http://people.iola.dk/olau/flot/examples/

Andrejs Cainikovs
Flot uses HTML5 Canvas so doesn't work well in IE
AutomatedTester
@AutomatedTester: "The plugin is known to work with Internet Explorer 6/7/8 (IE8 only in development version), Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+. If you find a problem, please report it. Drawing is done with the canvas tag introduced by Safari and now available on all major browsers, except Internet Explorer where the excanvas Javascript emulation helper is used." From the first link in the answer.
voyager
I like the jQuery ones as well - eye-catching and clear. I am looking at these examples in IE7 and they look okay to me.
shambleh
And if javascript is disabled?
Charlie
Flot works fine in IE6 and up. Well, slowish, but fine for most charts. That's what Stack Overflow uses.
Nosredna
+1  A: 

Dojo charting also works OK (and uses SVG/VML rather than Canvas/ExCanvas, which means you can do funkier things with it if you look at its internals), but flot is nicer to program with imo.

ijw
A: 

You should be able to use SVG for this. Sadly, IE can't display it without installing an unsupported third party add-in.

T.E.D.
Dojo's 2D graphics package, underlying their graphs, uses SVG on most browsers and VML on IE. There may be other similar implementations around.
ijw
Indeed, thevs' answer above mentions another.
ijw
And one more comment for luck: Google's got an 'SVG for IE' plugin, keep an eye out for people writing graphics packages that target that rather than canvas/excanvas. For graphing, SVG is more appropriate than canvas.
ijw
A: 

SQL Reporting Services

Robert MacLean
+1  A: 

Another Flash & cash solution is amCharts.

Borgar
+10  A: 
Joshua
A: 

For true cross-browser support I would recommend image graphs generated on the server.

If this isn't attainable use Flash-based plugins. This is the most widely-supported clientside solution. Otherwise resort to Javascript - it may require HTML5, or non-IE browsers, or ..

If you're seeking a simple graph in HTML table see here. Far from recommended though!

Al
The HTML graph has its uses. Specifically, if you'r e trying to do a 100-column bar graph - and yes, it does have its uses - then doing it horizontally is fine, because you expect it to run off-page and scroll, and doing it with images is distinctly *not* fine, because the image ends up huge.
ijw
+7  A: 

Not quite charting, but lightweight SVG/VRML cross-browser graphic library: raphaeljs.com.

Very easy to make charts.

Thevs
That's pretty cool looking.
DLauer
+2  A: 

Why don't you try the jQuery Visualize plugin. It's very simple to implement, all you need is a table with your data in and then in JavaScript call the plugin and bam it'll work.

For cross-browser support they say:

We have tested this plugin in the following browsers: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 and 4, Opera 9.

kennyisaheadbanger
+2  A: 

Got to go with gchart.

I've used this in several browsers.

Short tutorial.

Nick
Nice - hadn't heard of this - GWT charts with no round-trips.
DLauer
+1  A: 

I would second Open Flash Chart, I have used it extensively and would especially recommend the DZ patched version at OFC-2.

You can see it in use at Red5 Analytics Demo

NBRed5