SVG图表库

45

您是否知道是否有任何类似于http://www.amcharts.com/(Flash)的SVG + js图表库?我需要在不支持Flash但支持SVG的浏览器中提供漂亮的交互式图表功能。

7个回答

75

根据许可要求和功能,您有几个选项。由于IE6到IE8不支持SVG,因此您可能会发现一些库使用画布在IE上运行,而其他库则使用VML在IE上运行。

  • Plotkit是一个混合了SVG+Canvas的库,最新版本有点过时(于2006年8月29日发布的0.9.1版),采用BSD许可证。

  • Elycharts是一个SVG+VML库(底层使用RaphaelJS),具有良好的功能集、交互性和炫酷的动画效果。(最新版本为2010年12月的2.1.3版),采用MIT许可证。

  • g.raphael是一个SVG+VML库(使用RaphaelJS,与RaphaelJS的作者相同)。它非常适合信息图表,但对于传统图表来说不太好用。(最新版本为2009年的0.4.1版),采用MIT许可证。

  • Grafico同样是一个SVG+VML库(基于RaphaelJS)。它比gRaphael或Elycharts拥有更多的图表类型,但比Elycharts的选项/可配置性少。采用MIT许可证。

  • Google Chart Tools提供基于SVG+VML的图表。它可以免费使用,但我没有找到完整的许可条款。它还提供了一个编辑器(即使在他们的网站上也不容易找到)

  • D3.js是一个基于数据操作文档的JavaScript库。D3可以使用HTML、SVG和CSS让数据栩栩如生。

您还有一些商业选项:

  • ZingChart - 这是唯一允许SVG、VML、canvas和flash的库,以支持所有设备。它很昂贵,但非常完整。

  • HighCharts - 一个非常完整的SVG+VML库,具有非常好的文档和非常完整的功能集。它有一个免费的个人使用许可证,但它展示了一个非常“严格”的个人解释,你自己的博客可能不被视为“个人”,这就是为什么我将它列在“商业选项”下面的原因。


我忘了提到"Ico",这是另一个SVG+VML(Raphael)库。你可以在github上找到它,因为它的网站无法访问:https://github.com/uiteoi/ico - Stefano Bagnara
另一个商业选项:SmartClient和SmartGWT支持从IE6开始的SVG+Canvas+VML图表,并支持移动设备(Android/iOS)。请参见http://blog.isomorphic.com/html5-charts-with-mobile-support/。 - Charles Kendrick
1
请不要忘记,http://www.amcharts.com/不再只提供Flash版本。他们还提供JavaScript和Flash图表,如果您需要链接,则可以免费使用它。我认为它看起来非常不错。 - Michael
Google Charts采用Apache许可证(或者至少示例是如图库页面底部所述)。 - Nux

4

您需要更具体地说明您需要的功能,但您可能想看一下PlotKit


2
现在,amCharts提供SVG图表,并为那些不支持SVG的旧浏览器生成flash图表。 amCharts支持所有现代浏览器,包括最新版本的FirefoxChromeSafariOperaInternet Explorer。它还可以在由(iPadiPhoneiPod Touch)和Android Honeycomb驱动的移动设备上运行。
是不是很棒?请参阅http://www.amcharts.com/

现在似乎回退到了VML。 - Nux

2

D3 是一款相当不错的开源图表库,它使用 SVG 技术。


1

你看过ZingChart吗?它可以在HTML5 Canvas、SVG和Flash(以及VML用于旧版IE的回退)中呈现图表。

我是团队成员。如果有任何问题,您可以通过support[at]zingchart.com联系我们的团队,或者在http://twitter.com/zingchart上提及/关注我们。

-Andrew


1

1
可视化工具确实有一些限制,需要注意,例如您需要连接到谷歌。 - nick

0

Raphaël也许会很有用——看看gRaphaël-图表插件——它有非常令人印象深刻的示例。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接