如何使用javascript与所有主流浏览器兼容来创建条形图，折线图和饼图图？

Question

我曾经使用flot，但它不支持饼图，所以我不得不改变。

我just saw JS Charts，但他们的文档在跨浏览器兼容性方面非常模糊（我需要它与IE6 +兼容:)。这也将用于商业用途，所以我宁愿拥有一些我可以免费使用的东西

jQuery Google chart看起来非常好，是well integrated with rails（我正在使用的框架），但我不确定它有多好。

那你们用什么？你会建议记住：

• 它将用于商业用途（我可以处理许可证，但我宁愿避免这种情况）

• 它需要是javascript（没有svg，请不要闪存）

• 需要与IE6 + ，FF，Chrome，Opera和Safari兼容

• 它需要相当漂亮^^

• 如果它使用jQuery，那就更好了

Answer 1

也许http://code.google.com/apis/chart/可以做你需要的。

Answer 2

大多数基于JavaScript的图表框架都依赖于IE不支持的Canvas。但是，有一些方法可以使它工作（excanvas）。

除非您需要动态更新图表或为图表设置动画，否则我建议您远离基于JavaScript的框架。对于其他所有内容，服务器端生成的图表更容易实现，更少麻烦，您可以找到更漂亮的选项。

我对您所指的Google Charting API运气不错。它相当广泛，可以生产各种各样的地块。它在风格和颜色方面也非常灵活，因此很容易将企业风格与之匹配。一个缺点是，有时候你可能需要它太复杂了。我特别难以绕过轴的缩放和标记，但是一旦你搞清楚它就会非常强大。如果你没有依赖第三方的问题并且不需要动态图表，我当然会推荐这个。有一个jQuery插件，但我怀疑你是否需要它，如果你可以使用rails库。

我一直在使用的另一个图表框架是jFreeChart（http://www.jfree.org/jfreechart/）。它是基于Java和开源的。图表相当漂亮，有许多不同的图表类型。 Java API很广泛，但文档并不是最好的。你可以从他们那里买到这本书。在我的公司，我们围绕它构建了一个相当简单的包装器，它允许我们向它发送XML格式的数据并获得图表，使其与几乎所有语言兼容。

Answer 3

我推荐使用Raphaël-JavaScript库。

以下是饼图的示例：http://raphaeljs.com/pie.html

目前支持Firefox 3.0 +，Safari 3.0 +，Opera 9.5+和Internet Explorer 6.0+。

Answer 4

试试这个Jquery Visualize plugin

另一篇有趣的文章10-best-free-javascript-charts-solutions

Answer 5

就在几天前，我正在探索这个，我找到了http://bluff.jcoglan.com/布拉夫。

它有一个简单的API，并且与浏览器兼容。唯一的缺点是它使用$ namespace，因此会与许多主要的JS框架（如jQuery）冲突。我的解决方法是使用jQuery.noConflict。