在 RubyonRails web 应用程序中,您首选的制作图表的方法是什么?

我想添加一些饼图,条形图和散点图到我的 Ruby on Rails web 应用程序。我希望他们是有吸引力的,易于添加,不会引起太多的开销。

您建议使用什么图表解决方案?
它的缺点是什么(需要 Javascript、 Flash、昂贵等等) ?

22394 次浏览

Have you tried the Google Charts API? - web service APIs don't really come much simpler. It's free to use, simple to implement, and the charts don't look too shoddy.

Open Flash Chart II is a free option that gives very nice output. It does, as you'd expect, require Flash.

Fusion Charts is even nicer, but is $499. In researching this, I found a cut-down free version that might serve your needs.

Google charts is very nice, but it's not a rails only solution. You simple use the programming language of your choice to dynamically produce urls that contain the data and google returns you back a nice image with your chart.

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

Google Charts is an excellent choice if you don't want to use Flash. It's pretty easy to use on its own, but for Rails, it's even easier with the gchartrb gem. An example:

GoogleChart::PieChart.new('320x200', "Things I Like To Eat", false) do |pc|
pc.data "Broccoli", 30
pc.data "Pizza", 20
pc.data "PB&J", 40
pc.data "Turnips", 10
puts pc.to_url
end

I am a fan of Gruff Graphs, but Google Charts is also good if you don't mind relying on an external server.

I've just found ZiYa produces some really sexy charts and is Rails specific.

The downsides are it uses Flash and if you don't want the sites to link to XML/SWF page it costs $50 per site.

[I've not decided on it yet, but wanted to throw it out there in case people want to vote it up]

We do this by shelling out to gnuplot to generate the charts as PNGs server-side. It's a bit old-school and the charts aren't interactive but it works and is cacheable.

(The other reason we do this is so we can put exactly the same chart in the PDF version of the report).

In the old days, I decided to roll my own (using RVG/RMagick), mainly because Gruff didn't have everything I wanted. The downside was that finding and eliminating all the bugs in graphing code is a pain. These days Gruff is my choice as it's really gone forward in terms of customization and flexibility.

The standard Gruff templates/color choices suck though, so you'll need to get your hands dirty for best results.

If you don't need images, and can settle on requiring JavaScript, you could try a client-side solution like the jQuery plugin flot.

I've used Fusion Charts extensively from within a Java web application, but it should work the same way from Rails since you're just embedding a Flash via HTML or JavaScript and passing it XML data. It's a slick package and their support has always been very responsive.

This isn't specifically RoR however, it is pretty slick port of Gruff to javascript: http://bluff.jcoglan.com/

There's also Scruffy. I took a look at the code recently and it seemed easy to modify/extend. It produces svg and (by conversion) png.

ChartDirector. Ugly API, but good, server-side image results. Self contained binary.

You should take a look at Dmitry Baranovskiy's Javascript library called Raphaël.

It requires flash and isn't free (though inexpensive): amcharts.

I've used it successfully and like it. I evaluated a number of options a while back and chose it. At the time, however, Google Charts wasn't as mature as it seems to be now. I would consider that first if I were to re-evaluate now.

FWIW, I'm not a fan of using Google Charts when fit & finish is important. I find that the variables for sizing, in particular, are unpredictable - the chart does its own thing.

I haven't yet played with Gruff/Bluff/etc., but for a higher-profile project I won't use Google Charts.

If you want quite sexy charts, easy to generate, and you can enable Flash, then you should definitely have a look at maani.us xml/swf charts.

Some XML builder behind it and you're ready to go.

Regarding amcharts, there's a "free" version with a very few restrictions that generates Flash charts including the 'chart by amCharts.com' mention.

And there's a nice plugin, ambling, that provides you with some helper methods to easily add charts to your views. Please note that amCharts.com reference documentation is still a must to tailor the chart to your requirements.

I 2nd the vote for flot. The latest version lets you do some animations and actions that I previously thought would only be possible via Flash. The documentation is fantastic. It simple to write by hand, but for simple cases it gets even easier with a Rails plugin called flotilla. You should check out the examples page for a better idea of what it's capable of. The zooming and hover capabilities are especially impressive.

The new Google Visualization appears to produce charts that are of more varied type, better looking and interactive than Google Graphs.

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

FusionCharts is a very good charting product. Works well with RoR. Their support and forums are good. The free version of this product has limited number of charts and features, but no watermark.

GoogleCharts and Gruff charts are great, but sometimes they lack some features that I need for more scientific plotting. There is a gem for gnuplot which may be helpful for some of these situations.

http://rgplot.rubyforge.org/

I personally prefer JavaScript-based charts over Flash. If that's ok, also check out High Charts. A Rails plugin is also available.

I have started using protovis to generate SVG charts with javascript. My basic approach in rails is to have a controller that returns the data to be charted as JSON, and scoop it up with a bit of javascript and protovis.

Only downside, is that full IE support (Since it is based on SVG) is currently unavailable straight out of the box... However, current patches go a fair way to providing IE support, details of which can be found here.

I just started using googlecharts for my rails 3 project. It is nice and clean, and seems to be the only google visualization api based gem which is alive. Others are inactive and mostly use the old google charts api (released somewhere in 2007-2008).

https://github.com/mattetti/googlecharts

Morris.js is nice and open source. I would like to choose it comparing to highcharts. There is a new great video tutorial from Railscasts

The gchartrb gem is no longer maintained, it seems. The author points to these gems:

D3 has become my preferred way add great looking charts to web apps. You have to do a little mroe work that some other frameworks, but the appearance and control outweighs that.

I primarily use SVG, which means no IE8, but that is becoming less of an issue.

HighChart - A charting library written in pure JavaScript

Gems like highchart-rails, lazy-high-chart makes the integration with rails easier

gem 'chart' makes it easy to add ChartJS and NVD3 charts to rails.

My own option for people who need the support of multiple types of charts and rails helpers to simplify integration - https://github.com/railsjazz/rails_charts

It's based on Apache eCharts.