有没有人会推荐一个特别的JavaScript图表库——特别是一个根本不使用flash的库?


当前回答

我推荐gRaphaël的纯JavaScript图表以及它所构建的纯JavaScript矢量图形库(Raphaël)。

gRaphaël目前支持Firefox 3.0+, Safari 3.0+, Opera 9.5+和Internet Explorer 6.0+。

其他回答

http://code.google.com/apis/visualization/documentation/gallery.html

有非常酷的互动选项,包括地图,仪表和图表。

我最近正在寻找一个javascript图表库,我评估了一大堆,最后确定了jqplot,它非常符合我的要求。正如Jean Vincent的回答所提到的,你需要在基于canvas和基于svg的解决方案之间做出选择。

To my mind the major pros and cons were as follows. The SVG based solutions like Raphael (and offshoots) are great if you want to construct highly dynamic/interactive charts. Or if you charting requirements are very much outside the norm (e.g. you want to create some sort of hybrid chart or you've come up with a new visualization that no-one else has thought of yet). The downside is the learning curve and the amount of code you will have to write. You won't be banging out charts in a few minutes, be prepared to invest some real learning time and then to write a goodly amount of code to produce a relatively simple chart.

If your charting requirements are reasonably standard, e.g. you want some line or bar graphs or perhaps a pie chart or two, with limited interactivity, then it is worth looking at canvas based solutions. There will be hardly any learning curve, you'll be able to get basic charts going within a few minutes, you won't need to write a lot of code, a few lines of basic javascript/jquery will be all you need. Of course you will only be able to produce the specific types of charts that the library supports, usually limited to various flavors of line, bar, pie. The interactivity choices will be extremely limited, that is to say non-existent for many of the libraries out there, although some limited hover effects are possible with the better ones.

我使用了JQplot,这是一个基于画布的解决方案,因为我只需要一些标准类型的图表。从我的研究和各种选择中,我发现它的功能相当全面(如果你只追求标准图表),而且非常容易使用,所以如果你的要求相似,我会推荐它。

总而言之,简单且需要图表,然后使用JQplot。复杂/不同,时间不紧迫,那就和拉斐尔和朋友们一起去吧。

如果你需要的只是柱状图。我发布了一些我一直在一个旧项目中使用的代码。有人告诉我,VML实现在最近版本的IE上被破坏了,但是SVG应该可以正常工作。可能会回到项目中,发布一些我已经拥有的服务器端渲染器,也许还有WebGL渲染层。有一个链接:http://blog.conquex.com/?p=64

看看ZingChart HTML5 Canvas, SVG, VML和Flash图表。非常强大和兼容的库。我是Zing团队的一员-在twitter上提到我们@zingchart或发送任何问题到support@zingchart.com。

作为某种迟来的回答,请尝试d3.js http://mbostock.github.com/d3/

这是原生视觉的延续。 与float的最大区别在于所支持的特性的数量。 虽然float可能更简单,但d3.js绝对更强大。