What cross-browser charting packages are available

问题:

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

回答1:

I prefer jQuery one:
http://www.flotcharts.org/

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

回答2:

Can you be a bit more descriptive about what style charts you're looking for? Simple charts like line, bar and pie graphs are understandably more widely implemented. If you're looking for more complex ones such as gantt, sparklines or real-time / data streaming charts it narrows your options substantially.

As far as being cross browser compatible, flash and HTML canvas are both pretty well supported and most people will be able to view the charts if you use either method of delivery.

There are several free flash charting solutions that work superbly well.

• I found it really easy to work with FusionCharts and they also have released plenty under a FREE licence. See : http://www.fusioncharts.com/free/Gallery.asp

• Also see PHP / SWF Charts : http://www.maani.us/charts/index.php

XML/SWF Charts is free to download and use. The free, unregistered version contains all the features except for:

- Clicking a chart takes the user to the XML/SWF Charts web site. 
- No displaying charts inside another flash file.
- No technical support, and no product updates by e-mail.

« The click redirect makes me prefer fusioncharts

• Google have released charts (http://code.google.com/apis/chart/), as has Yahoo (http://developer.yahoo.com/yui/charts) but personally, I prefer to keep the swf source files together with my website. The additional bandwidth is not that large.
  
  

Then as Justin Niessner mentioned, there is also Open Flash Chart.

If you prefer to go the HTML Canvas route, try: - http://code.google.com/p/flot/ (as mentioned by Andrejs Cainikovs) - http://www.liquidx.net/plotkit/

If you're using PHP, here's one : http://naku.dohcrew.com/libchart/

If None of the Above are a viable option and you want a really simple chart (bar, line) then consider using CSS charts:

• http://grassegger.at/xperimente/charts-daten-semantik-css/
• oops, forgot to append the css line graph. Here it is : http://cssglobe.com/post/4175/pure-css-line-graph

回答3:

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

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

回答4:

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

Very easy to make charts.

回答5:

Another Flash & cash solution is amCharts.

回答6:

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

http://www.fusioncharts.com/

回答7:

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.

回答8:

Got to go with gchart.

I've used this in several browsers.

Short tutorial.

回答9:

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.

回答10:

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

回答11:

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.

回答12:

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

回答13:

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

回答14:

SQL Reporting Services

回答15:

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!

回答16:

This might help you:

http://www.rahulsingla.com/blog/2010/09/a-quick-comparison-of-web-based-charting-libraries-for-data-visualization