blocks|key|1757647|text|你有没有尝试过Google+Charts+API？-+web服务API并不是很简单。它可以免费使用，实现简单，图表看起来也不会太粗制滥造。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1757648|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/apis/chart/^0|7|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Have you tried the <a href="http://code.google.com/apis/chart/" rel="nofollow noreferrer">Google Charts API</a>? - 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.

blocks|key|1757685|text|Open+Flash+Chart+II是一个免费的选项，可以提供非常好的输出。正如你所料，它确实需要Flash。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1757686|Fusion+Charts甚至更好，但售价为499美元。在对此进行研究的过程中，我发现了可能满足您需求的a+cut-down+free+version。|1757687|entityMap|0|LINK|mutability|MUTABLE|url|http://pullmonkey.com/projects/open_flash_chart2/|1|http://www.fusioncharts.com/|2|http://www.fusioncharts.com/free/^0|0|J|0|0|0|D|1|1G|N|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

<a href="http://pullmonkey.com/projects/open_flash_chart2/" rel="nofollow noreferrer">Open Flash Chart II</a> is a free option that gives very nice output. It does, as you'd expect, require Flash.

<a href="http://www.fusioncharts.com/" rel="nofollow noreferrer">Fusion Charts</a> is even nicer, but is $499. In researching this, I found <a href="http://www.fusioncharts.com/free/" rel="nofollow noreferrer">a cut-down free version</a> that might serve your needs.

blocks|key|1542821|text|Google+charts非常不错，但它不是rails独有的解决方案。您只需使用您选择的编程语言动态地生成包含数据的urls，google就会为您返回一个带有图表的漂亮图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542822|http://code.google.com/apis/chart/|offset|length|1542823|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|Y|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

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.

<a href="http://code.google.com/apis/chart/" rel="nofollow noreferrer">http://code.google.com/apis/chart/</a>

blocks|key|1757780|text|如果你不想使用闪存，Google+Charts是一个很好的选择。它本身很容易使用，但是对于Rails，使用gchartrb+gem就更容易了。举个例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1757781|GoogleChart::PieChart.new('320x200',+"Things+I+Like+To+Eat",+false)+do+%7Cpc%7C+
++pc.data+"Broccoli",+30
++pc.data+"Pizza",+20
++pc.data+"PB&J",+40+
++pc.data+"Turnips",+10+
++puts+pc.to_url+
end|code-block|syntax|javascript|1757782|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/apis/chart/|1|http://badpopcorn.com/blog/2008/09/08/rails-google-charts-gchartrb/^0|A|D|0|1H|8|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

<a href="http://code.google.com/apis/chart/" rel="noreferrer">Google Charts</a> 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 <a href="http://badpopcorn.com/blog/2008/09/08/rails-google-charts-gchartrb/" rel="noreferrer">gchartrb</a> gem. An example:

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

blocks|key|1542916|text|我是Gruff+Graphs的粉丝，但如果您不介意依赖外部服务器，Google+Charts也不错。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1542917|entityMap|0|LINK|mutability|MUTABLE|url|http://nubyonrails.com/pages/gruff|1|http://code.google.com/apis/chart/^0|2|C|0|X|D|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I am a fan of <a href="http://nubyonrails.com/pages/gruff" rel="noreferrer">Gruff Graphs</a>, but <a href="http://code.google.com/apis/chart/" rel="noreferrer">Google Charts</a> is also good if you don't mind relying on an external server.

blocks|key|1543000|text|我刚刚发现ZiYa生成了一些非常吸引人的图表，而且是Rails特有的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543001|缺点是它使用Flash，如果你不想让网站链接到XML/SWF页面，每个网站的费用是50美元。|1543002|我还没有决定它，但我想把它放在那里，以防人们想要投票支持它|1543003|entityMap|0|LINK|mutability|MUTABLE|url|http://ziya.liquidrail.com/^0|5|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

I've just found <a href="http://ziya.liquidrail.com" rel="nofollow noreferrer">ZiYa</a> 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]

blocks|key|1543065|text|我们通过使用gnuplot生成PNG服务器端的图表来实现这一点。它有点老派，图表不是交互式的，但它是有效的，并且是可缓存的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1543066|(我们这样做的另一个原因是，我们可以在PDF版本的报告中放入完全相同的图表)。|1543067|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

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).

blocks|key|1543171|text|在过去，我决定推出自己的(使用RVG/RMagick)，主要是因为Gruff没有我想要的一切。缺点是，在图形代码中找到并消除所有的bug是一件痛苦的事情。这些天来，Gruff是我的选择，因为它在定制化和灵活性方面确实取得了进步。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1543172|标准的Gruff模板/颜色选择很糟糕，所以你需要亲自动手才能得到最好的结果。|1543173|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

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.

blocks|key|1543222|text|如果你不需要图片，并且可以决定使用JavaScript，你可以尝试像jQuery插件flot这样的客户端解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543223|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/flot/^0|16|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you don't need images, and can settle on requiring JavaScript, you could try a client-side solution like the jQuery plugin <a href="http://code.google.com/p/flot/" rel="noreferrer">flot</a>.

blocks|key|1543304|text|我曾在Java+web应用程序中广泛使用过Fusion+Charts，但它在Rails中的工作方式应该与Rails相同，因为您只需通过HTML或JavaScript嵌入Flash并向其传递XML数据。这是一个圆滑的包，他们的支持总是非常响应式的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1543305|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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.

blocks|key|1758294|text|然而，这并不是专门的RoR，它是javascript：http://bluff.jcoglan.com/的相当巧妙的移植。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1758295|entityMap|0|LINK|mutability|MUTABLE|url|http://bluff.jcoglan.com/^0|R|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This isn't specifically RoR however, it is pretty slick port of Gruff to javascript: <a href="http://bluff.jcoglan.com/" rel="nofollow noreferrer">http://bluff.jcoglan.com/</a>

blocks|key|1543395|text|还有Scruffy。我最近看了一下代码，它似乎很容易修改/扩展。它生成svg和(通过转换)+png。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543396|entityMap|0|LINK|mutability|MUTABLE|url|http://scruffy.rubyforge.org/^0|2|7|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

There's also <a href="http://scruffy.rubyforge.org/" rel="nofollow noreferrer">Scruffy</a>. I took a look at the code recently and it seemed easy to modify/extend. It produces svg and (by conversion) png.

blocks|key|1543455|text|ChartDirector。丑陋的API，但是很好的服务器端图像结果。自包含二进制文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543456|entityMap|0|LINK|mutability|MUTABLE|url|http://www.advsofteng.com/^0|0|D|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://www.advsofteng.com/" rel="nofollow noreferrer">ChartDirector</a>. Ugly API, but good, server-side image results. Self contained binary.

blocks|key|1543484|text|您应该看看名为Raphaël的Dmitry+Baranovskiy's+Javascript库。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543485|entityMap|0|LINK|mutability|MUTABLE|url|http://raphaeljs.com/|1|http://dmitry.baranovskiy.com/^0|7|7|0|F|K|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

You should take a look at <a href="http://dmitry.baranovskiy.com" rel="nofollow noreferrer">Dmitry Baranovskiy's</a> Javascript library called <a href="http://raphaeljs.com" rel="nofollow noreferrer">Raphaël</a>.

blocks|key|1543555|text|FWIW，当fit+&+finish很重要时，我不喜欢使用Google+Charts。我特别发现调整大小的变量是不可预测的--图表会做自己的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1543556|我还没有尝试过Gruff/Bluff/等，但对于一个更引人注目的项目，我不会使用Google+Charts。|1543557|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

FWIW, I'm not a fan of using Google Charts when fit &amp; 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.

blocks|key|1758537|text|如果你想要相当性感的图表，易于生成，并且你可以启用闪存，那么你绝对应该看看maani.us+xml/swf+charts。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1758538|它背后有一些XML构建器，您就可以开始工作了。|1758539|entityMap|0|LINK|mutability|MUTABLE|url|http://www.maani.us/xml_charts/^0|11|N|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

If you want quite sexy charts, easy to generate, and you can enable Flash, then you should definitely have a look at <a href="http://www.maani.us/xml_charts/" rel="nofollow noreferrer">maani.us xml/swf charts</a>.

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

blocks|key|1543698|text|关于amcharts，有一个“免费”版本，只有很少的限制，可以生成Flash图表，包括提到的“chart+by+amCharts.com”。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543699|还有一个很好的插件ambling，它提供了一些辅助方法，可以轻松地将图表添加到视图中。请注意，amCharts.com+reference+documentation仍然是根据您的需求定制图表的必备工具。|1543700|entityMap|0|LINK|mutability|MUTABLE|url|http://www.amcharts.com/|1|http://ambling.rubyforge.org/|2|http://www.amcharts.com/docs/^0|2|8|0|0|9|7|1|1B|10|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

Regarding <a href="http://www.amcharts.com/" rel="nofollow noreferrer">amcharts</a>, 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, <a href="http://ambling.rubyforge.org/" rel="nofollow noreferrer">ambling</a>, that provides you with some helper methods to easily add charts to your views. Please note that <a href="http://www.amcharts.com/docs/" rel="nofollow noreferrer">amCharts.com reference documentation</a> is still a must to tailor the chart to your requirements.

blocks|key|1543748|text|我为flot投了第二票。最新的版本可以让你做一些动画和动作，我之前认为只有通过Flash才能做到。文档非常棒。手工编写很简单，但对于简单的情况，使用一个名为flotilla的Rails插件就更容易了。您应该查看examples+page，以便更好地了解它的功能。缩放和悬停功能尤其令人印象深刻。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1543749|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/flot/|1|http://github.com/joshuamiller/flotilla/tree/master|2|http://people.iola.dk/olau/flot/examples/^0|2|4|0|26|8|1|2X|D|2|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]]]

I 2nd the vote for <a href="http://code.google.com/p/flot/" rel="noreferrer">flot</a>. 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 <a href="http://github.com/joshuamiller/flotilla/tree/master" rel="noreferrer">flotilla</a>. You should check out the <a href="http://people.iola.dk/olau/flot/examples/" rel="noreferrer">examples page</a> for a better idea of what it's capable of. The zooming and hover capabilities are especially impressive.

blocks|key|1758721|text|新的Google+Visualization似乎产生了比Google+Graphs更多样、更好看和更具交互性的图表。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1758722|http://code.google.com/apis/visualization/|offset|length|1758723|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

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

<a href="http://code.google.com/apis/visualization/" rel="nofollow noreferrer">http://code.google.com/apis/visualization/</a>

blocks|key|1758767|text|FusionCharts是一个非常好的制图产品。可以很好地与RoR配合使用。他们的支持和论坛都很好。此产品的免费版本具有有限数量的图表和功能，但没有水印。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1758768|entityMap|0|LINK|mutability|MUTABLE|url|http://www.fusioncharts.com/^0|0|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://www.fusioncharts.com" rel="nofollow noreferrer">FusionCharts</a> 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.

blocks|key|1758829|text|GoogleCharts和Gruff图表很棒，但有时它们缺少一些我需要的更科学的绘图功能。gnuplot有一个gem，它可能对其中一些情况很有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1758830|http://rgplot.rubyforge.org/|offset|length|1758831|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

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.

<a href="http://rgplot.rubyforge.org/" rel="nofollow noreferrer">http://rgplot.rubyforge.org/</a>

blocks|key|1758863|text|与Flash相比，我个人更喜欢基于JavaScript的图表。如果可以，也可以查看High+Charts。Rails+plugin也是可用的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1758864|entityMap|0|LINK|mutability|MUTABLE|url|http://highcharts.com/|1|https://github.com/loudpixel/highcharts-rails^0|15|B|0|1H|C|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I personally prefer JavaScript-based charts over Flash. If that's ok, also check out <a href="http://highcharts.com" rel="nofollow">High Charts</a>. A <a href="https://github.com/loudpixel/highcharts-rails" rel="nofollow">Rails plugin</a> is also available.

blocks|key|1758923|text|我已经开始用javascript使用protovis生成SVG图表。我在rails中的基本方法是有一个控制器，它返回要以JSON表示的数据，并用一些javascript和protovis将其收集起来。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1758924|唯一的缺点是，完整的IE支持(因为它是基于SVG的)目前不能直接开箱即用...然而，当前的补丁在提供IE支持方面走了一条公平的道路，详细信息可以在here上找到。|1758925|entityMap|0|LINK|mutability|MUTABLE|url|http://vis.stanford.edu/protovis/|1|http://code.google.com/p/protovis-js/issues/detail?id=15^0|I|8|0|0|21|4|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

I have started using <a href="http://vis.stanford.edu/protovis/" rel="nofollow">protovis</a> 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 <a href="http://code.google.com/p/protovis-js/issues/detail?id=15" rel="nofollow">here</a>.

blocks|key|1758990|text|我刚刚开始在我的Rails3项目中使用googlecharts。它是好的和干净的，似乎是唯一的谷歌可视化api的gem是活着的。其他人则不活跃，主要使用旧的google+charts+(在2007-2008年间发布)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1758991|https://github.com/mattetti/googlecharts|offset|length|1758992|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|14|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

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). 

<a href="https://github.com/mattetti/googlecharts" rel="nofollow">https://github.com/mattetti/googlecharts</a>

blocks|key|1759060|text|Morris.js很好，而且是开源的。与highcharts相比，我想选择它。Railscasts上有一个很棒的视频教程|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1759061|entityMap|0|LINK|mutability|MUTABLE|url|http://oesmith.github.com/morris.js/|1|http://railscasts.com/episodes/223-charts-graphs-revised^0|0|9|0|13|A|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<a href="http://oesmith.github.com/morris.js/" rel="nofollow">Morris.js</a> is nice and open source. I would like to choose it comparing to highcharts. There is a new great video tutorial from <a href="http://railscasts.com/episodes/223-charts-graphs-revised" rel="nofollow">Railscasts</a>

blocks|key|1759146|text|D3已经成为我的首选方式，为web应用程序添加漂亮的图表。你必须做一些其他框架需要做的工作，但是外观和控制比这更重要。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1759147|我主要使用SVG，这意味着没有IE8，但这已经不是什么问题了。|1759148|entityMap|0|LINK|mutability|MUTABLE|url|http://d3js.org/^0|0|2|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<a href="http://d3js.org/" rel="nofollow">D3</a> 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.

blocks|key|1759164|text|HighChart+-用纯JavaScript编写的图表库|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1759165|像highchart-rails、lazy-high-chart这样的Gems使得与rails的集成变得更容易|1759166|entityMap|0|LINK|mutability|MUTABLE|url|http://www.highcharts.com/products/highcharts|1|https://github.com/PerfectlyNormal/highcharts-rails|2|https://github.com/michelson/lazy_high_charts^0|0|9|0|0|1|F|1|H|F|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

<a href="http://www.highcharts.com/products/highcharts" rel="nofollow">HighChart</a> - A charting library written in pure JavaScript

Gems like <a href="https://github.com/PerfectlyNormal/highcharts-rails" rel="nofollow">highchart-rails</a>, <a href="https://github.com/michelson/lazy_high_charts" rel="nofollow">lazy-high-chart</a> makes the integration with rails easier

blocks|key|1544290|text|gem+'chart'使得将ChartJS和NVD3图表添加到rails变得很容易。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1544291|entityMap^0|0|B|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>gem 'chart'</code> makes it easy to add ChartJS and NVD3 charts to rails.

I'd like to add some pie, bar and scatter charts to my Ruby on Rails web application. I want want them to be atractive, easy to add and not introduce much overhead. 

What charting solution would you recommend? 
What are its drawbacks (requires Javascript, Flash, expensive, etc)?

What is your preferred way to produce charts in a Ruby on Rails web application?

服务器

jQuery

JSON

Java

我想在我的Ruby on Rails web应用程序中添加一些饼图、条形图和散点图。我希望它们是吸引人的，易于添加，并且不会引入太多开销。你会推荐什么样的图表解决方案？它的缺点是什么(需要Javascript、Flash、昂贵等)？

问在Ruby on Rails web应用程序中生成图表的首选方法是什么？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ruby on Rails web应用程序中生成图表的首选方法是什么？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Ruby on Rails web应用程序中生成图表的首选方法是什么？
EN