Svg图表库

时间:2009-04-27 14:39:21

标签: javascript svg charts

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

7 个答案:

答案 0 :(得分:75)

根据许可要求和功能,您有几个选择。从IE 6到IE8不支持SVG,所以你可能会发现一些库使用canvas在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 Licensed。

  • Grafico再次成为SVG + VML库(同样基于RaphaelJS)。它有比gRaphael或Elycharts更多的图表类型,但比Elycharts更少的选项/可配置性。麻省理工学院许可。

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

  • D3.js是一个用于根据数据操作文档的JavaScript库。 D3可帮助您使用HTML,SVG和CSS将数据变为现实。

您还有一些商业选择:

  • ZingChart - 这是唯一允许SVG,VML,canvas和flash的库,以支持那里的每个设备。它很贵但很完整。

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

答案 1 :(得分:4)

您需要更加具体地了解所需的功能,但您可能需要查看PlotKit

答案 2 :(得分:2)

现在 amCharts 提供了 SVG图表,并且仍然为不支持 SVG 的旧浏览器生成Flash图表。

amCharts 支持所有现代浏览器,包括现代版FirefoxChromeSafariOperaInternet Explorer。它还可以在iOSiPadiPhoneiPod Touch)和Android Honeycomb支持的移动设备上运行。

好东西,对吧? http://www.amcharts.com/

答案 3 :(得分:2)

D3是一个非常好的开源图表库,它使用SVG。

答案 4 :(得分:1)

google可视化API包含一些您可以使用的SVG图表http://code.google.com/apis/visualization 虽然这不是一个平均图书馆,但它是一个图表。

答案 5 :(得分:1)

你签出了ZingChart吗?它呈现HTML5 Canvas,SVG和Flash中的图表(以及旧IE回退的VML)。

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

-Andrew

答案 6 :(得分:0)

Raphaël也可能有用 - 查看gRaphaël-Charting插件 - 它有非常令人印象深刻的例子。